@skyscanner/backpack-web 0.0.2 → 0.0.5
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-animate-height/examples.js +1 -1
- package/bpk-component-accordion/examples.js +4 -4
- package/bpk-component-accordion/src/BpkAccordion.js +1 -1
- package/bpk-component-accordion/src/BpkAccordionItem.js +7 -7
- package/bpk-component-accordion/src/withAccordionItemState.js +2 -2
- package/bpk-component-accordion/src/withSingleItemAccordionState.js +1 -1
- package/bpk-component-aria-live/examples.js +7 -8
- package/bpk-component-aria-live/src/BpkAriaLive.js +1 -1
- package/bpk-component-autosuggest/examples.js +4 -4
- package/bpk-component-autosuggest/src/BpkAutosuggest.js +2 -2
- package/bpk-component-autosuggest/src/BpkAutosuggestSuggestion.js +1 -1
- package/bpk-component-badge/BadgeLayout.js +1 -1
- package/bpk-component-badge/examples.js +5 -5
- package/bpk-component-badge/src/BpkBadge.js +1 -1
- package/bpk-component-banner-alert/examples.js +4 -4
- package/bpk-component-banner-alert/src/AnimateAndFade.js +2 -2
- package/bpk-component-banner-alert/src/BpkBannerAlertInner.js +7 -7
- package/bpk-component-banner-alert/src/withBannerAlertState.js +1 -1
- package/bpk-component-barchart/examples.js +3 -3
- package/bpk-component-barchart/hocs.js +1 -1
- package/bpk-component-barchart/src/BpkBarchart.js +2 -2
- package/bpk-component-barchart/src/BpkBarchartBar.js +1 -1
- package/bpk-component-barchart/src/BpkChartAxis.js +1 -1
- package/bpk-component-barchart/src/BpkChartDataTable.js +1 -1
- package/bpk-component-barchart/src/BpkChartGridLines.js +9 -9
- package/bpk-component-barchart/src/RTLtransforms.js +1 -1
- package/bpk-component-blockquote/src/BpkBlockquote.js +1 -1
- package/bpk-component-breadcrumb/src/BpkBreadcrumb.js +1 -1
- package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.js +5 -5
- package/bpk-component-breakpoint/examples.js +1 -1
- package/bpk-component-calendar/examples-components.js +1 -1
- package/bpk-component-calendar/examples.js +1 -1
- package/bpk-component-calendar/src/BpkCalendarContainer.js +1 -1
- package/bpk-component-calendar/src/BpkCalendarDate.js +1 -1
- package/bpk-component-calendar/src/BpkCalendarGrid.js +1 -1
- package/bpk-component-calendar/src/BpkCalendarGridHeader.js +1 -1
- package/bpk-component-calendar/src/BpkCalendarGridTransition.js +12 -12
- package/bpk-component-calendar/src/BpkCalendarNav.js +13 -13
- package/bpk-component-calendar/src/Week.js +2 -2
- package/bpk-component-calendar/src/composeCalendar.js +1 -1
- package/bpk-component-card/examples.js +2 -2
- package/bpk-component-card/src/BpkCard.js +1 -1
- package/bpk-component-checkbox/src/BpkCheckbox.js +1 -1
- package/bpk-component-chip/examples.js +9 -9
- package/bpk-component-chip/src/BpkDismissibleChip.js +1 -1
- package/bpk-component-chip/src/BpkSelectableChip.js +2 -2
- package/bpk-component-close-button/src/BpkCloseButton.js +2 -2
- package/bpk-component-code/src/BpkCode.js +1 -1
- package/bpk-component-code/src/BpkCodeBlock.js +1 -1
- package/bpk-component-content-container/examples.js +2 -2
- package/bpk-component-content-container/src/BpkContentContainer.js +1 -1
- package/bpk-component-datatable/src/BpkDataTable.js +1 -1
- package/bpk-component-datatable/src/BpkDataTableColumn.js +1 -1
- package/bpk-component-datatable/src/bpkHeaderRenderer.js +4 -4
- package/bpk-component-datepicker/examples.js +4 -4
- package/bpk-component-datepicker/index.js +1 -1
- package/bpk-component-datepicker/src/BpkDatepicker.js +6 -6
- package/bpk-component-datepicker/src/themeAttributes.js +3 -3
- package/bpk-component-description-list/src/ComponentFactory.js +1 -1
- package/bpk-component-dialog/examples.js +6 -6
- package/bpk-component-dialog/src/BpkDialog.js +2 -2
- package/bpk-component-dialog/src/BpkDialogInner.js +3 -3
- package/bpk-component-drawer/examples.js +3 -3
- package/bpk-component-drawer/src/BpkDrawer.js +2 -2
- package/bpk-component-drawer/src/BpkDrawerContent.js +3 -3
- package/bpk-component-drawer/src/themeAttributes.js +1 -1
- package/bpk-component-fieldset/examples.js +12 -12
- package/bpk-component-fieldset/src/BpkFieldset.js +3 -3
- package/bpk-component-flare/examples.js +2 -2
- package/bpk-component-flare/src/BpkContentBubble.js +1 -1
- package/bpk-component-flare/src/BpkFlareBar.js +1 -1
- package/bpk-component-form-validation/examples.js +6 -6
- package/bpk-component-form-validation/src/BpkFormValidation.js +4 -4
- package/bpk-component-grid/src/BpkGridColumn.js +1 -1
- package/bpk-component-grid/src/BpkGridContainer.js +1 -1
- package/bpk-component-grid/src/BpkGridRow.js +1 -1
- package/bpk-component-grid-toggle/src/BpkGridToggle.js +2 -2
- package/bpk-component-horizontal-nav/examples.js +2 -2
- package/bpk-component-horizontal-nav/src/BpkHorizontalNav.js +2 -2
- package/bpk-component-horizontal-nav/src/BpkHorizontalNavItem.js +1 -1
- package/bpk-component-icon/examples.js +3 -3
- package/bpk-component-icon/src/classNameModifierHOCFactory.js +1 -1
- package/bpk-component-icon/src/withAlignment.js +3 -4
- package/bpk-component-icon/src/withDescription.js +1 -1
- package/bpk-component-icon/src/withRtlSupport.js +1 -1
- package/bpk-component-image/examples.js +2 -2
- package/bpk-component-image/src/BpkBackgroundImage.js +2 -2
- package/bpk-component-image/src/BpkImage.js +2 -2
- package/bpk-component-image/src/withLazyLoading.js +1 -1
- package/bpk-component-image/src/withLoadingBehavior.js +28 -28
- package/bpk-component-infinite-scroll/examples.js +4 -4
- package/bpk-component-infinite-scroll/src/withInfiniteScroll.js +106 -106
- package/bpk-component-input/examples.js +3 -3
- package/bpk-component-input/src/BpkClearButton.js +3 -3
- package/bpk-component-input/src/BpkInput.js +1 -1
- package/bpk-component-input/src/withOpenEvents.js +1 -1
- package/bpk-component-label/src/BpkLabel.js +1 -1
- package/bpk-component-link/src/BpkButtonLink.js +1 -1
- package/bpk-component-link/src/BpkLink.js +1 -1
- package/bpk-component-list/src/BpkList.js +1 -1
- package/bpk-component-list/src/BpkListItem.js +1 -1
- package/bpk-component-loading-button/examples.js +3 -3
- package/bpk-component-loading-button/src/BpkLoadingButton.js +5 -5
- package/bpk-component-map/examples.js +6 -6
- package/bpk-component-map/src/BpkIconMarker.js +1 -1
- package/bpk-component-map/src/BpkIconMarkerBackground.js +1 -1
- package/bpk-component-map/src/BpkPriceMarker.js +2 -2
- package/bpk-component-map/src/DefaultLoadingElement.js +2 -2
- package/bpk-component-mobile-scroll-container/examples.js +1 -1
- package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.js +1 -1
- package/bpk-component-modal/examples.js +7 -7
- package/bpk-component-modal/src/BpkModal.js +8 -8
- package/bpk-component-modal/src/BpkModalInner.js +4 -4
- package/bpk-component-modal/src/themeAttributes.js +1 -1
- package/bpk-component-navigation-bar/AirlineLogo.js +1 -1
- package/bpk-component-navigation-bar/examples.js +4 -4
- package/bpk-component-navigation-bar/src/BpkNavigationBar.js +2 -2
- package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js +2 -2
- package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.js +2 -2
- package/bpk-component-navigation-stack/examples.js +2 -2
- package/bpk-component-navigation-stack/src/BpkNavigationStack.js +4 -5
- package/bpk-component-navigation-stack/stories-components.js +20 -20
- package/bpk-component-nudger/examples.js +2 -2
- package/bpk-component-nudger/src/BpkConfigurableNudger.js +6 -6
- package/bpk-component-nudger/src/BpkNudger.js +1 -1
- package/bpk-component-nudger/src/themeAttributes.js +1 -1
- package/bpk-component-overlay/examples.js +3 -3
- package/bpk-component-overlay/src/BpkOverlay.js +2 -2
- package/bpk-component-pagination/src/BpkPagination.js +1 -1
- package/bpk-component-pagination/src/BpkPaginationList.js +1 -1
- package/bpk-component-pagination/src/BpkPaginationNudger.js +4 -4
- package/bpk-component-pagination/src/BpkPaginationPage.js +2 -2
- package/bpk-component-pagination/src/themeAttributes.js +1 -1
- package/bpk-component-panel/src/BpkPanel.js +1 -1
- package/bpk-component-phone-input/examples.js +2 -2
- package/bpk-component-phone-input/src/BpkPhoneInput.js +4 -4
- package/bpk-component-popover/examples.js +5 -5
- package/bpk-component-popover/src/BpkPopover.js +4 -4
- package/bpk-component-popover/src/BpkPopoverPortal.js +1 -1
- package/bpk-component-popover/src/themeAttributes.js +1 -1
- package/bpk-component-progress/examples.js +2 -2
- package/bpk-component-progress/src/BpkProgress.js +1 -1
- package/bpk-component-radio/src/BpkRadio.js +1 -1
- package/bpk-component-rating/examples.js +1 -1
- package/bpk-component-rating/src/BpkRating.js +2 -2
- package/bpk-component-rtl-toggle/src/BpkRtlToggle.js +1 -1
- package/bpk-component-rtl-toggle/src/updateOnDirectionChange.js +1 -1
- package/bpk-component-scrollable-calendar/examples.js +1 -1
- package/bpk-component-scrollable-calendar/index.js +1 -1
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendar.js +1 -1
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.js +1 -1
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js +3 -3
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js +2 -2
- package/bpk-component-scrollable-calendar/src/utils.js +1 -1
- package/bpk-component-section-list/src/BpkSectionListItem.js +3 -3
- package/bpk-component-section-list/src/BpkSectionListSection.js +2 -2
- package/bpk-component-select/src/BpkSelect.js +1 -1
- package/bpk-component-skip-link/src/BpkSkipLink.js +1 -1
- package/bpk-component-slider/examples.js +9 -9
- package/bpk-component-slider/src/BpkSlider.js +1 -1
- package/bpk-component-spinner/SpinnerLayout.js +1 -1
- package/bpk-component-spinner/src/BpkExtraLargeSpinner.js +1 -1
- package/bpk-component-spinner/src/BpkLargeSpinner.js +1 -1
- package/bpk-component-spinner/src/BpkSpinner.js +1 -1
- package/bpk-component-star-rating/examples.js +1 -1
- package/bpk-component-star-rating/src/BpkInteractiveStar.js +1 -1
- package/bpk-component-star-rating/src/BpkInteractiveStarRating.js +1 -1
- package/bpk-component-star-rating/src/BpkStar.js +8 -8
- package/bpk-component-star-rating/src/BpkStarRating.js +4 -4
- package/bpk-component-star-rating/src/withInteractiveStarRatingState.js +1 -1
- package/bpk-component-switch/src/BpkSwitch.js +1 -1
- package/bpk-component-table/src/BpkTable.js +1 -1
- package/bpk-component-table/src/BpkTableCell.js +1 -1
- package/bpk-component-table/src/BpkTableHeadCell.js +1 -1
- package/bpk-component-text/examples.js +1 -1
- package/bpk-component-text/src/BpkText.js +1 -1
- package/bpk-component-textarea/examples.js +1 -1
- package/bpk-component-textarea/src/BpkTextarea.js +1 -1
- package/bpk-component-theme-toggle/src/BpkThemeToggle.js +3 -3
- package/bpk-component-theme-toggle/src/updateOnThemeChange.js +1 -1
- package/bpk-component-ticket/examples.js +4 -4
- package/bpk-component-ticket/src/BpkTicket.js +7 -7
- package/bpk-component-tooltip/examples.js +3 -3
- package/bpk-component-tooltip/src/BpkTooltip.js +1 -1
- package/bpk-component-tooltip/src/BpkTooltipPortal.js +1 -1
- package/bpk-scrim-utils/src/BpkScrim.js +1 -1
- package/bpk-scrim-utils/src/withScrim.js +1 -1
- package/package.json +1 -1
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
|
|
21
21
|
import React from 'react';
|
|
22
22
|
import PropTypes from 'prop-types';
|
|
23
|
-
import { cssModules } from 'bpk-react-utils';
|
|
24
|
-
import BpkText, { TEXT_STYLES } from 'bpk-component-text/src/BpkText';
|
|
23
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
24
|
+
import BpkText, { TEXT_STYLES } from '../../bpk-component-text/src/BpkText';
|
|
25
25
|
|
|
26
26
|
import { LatLongPropType, type LatLong } from './common-types';
|
|
27
27
|
import BpkBasicMapMarker from './BpkBasicMapMarker';
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
/* @flow strict */
|
|
19
19
|
|
|
20
20
|
import React from 'react';
|
|
21
|
-
import { BpkLargeSpinner, SPINNER_TYPES } from 'bpk-component-spinner';
|
|
22
|
-
import { cssModules } from 'bpk-react-utils';
|
|
21
|
+
import { BpkLargeSpinner, SPINNER_TYPES } from '../../bpk-component-spinner';
|
|
22
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
23
23
|
|
|
24
24
|
import STYLES from './DefaultLoadingElement.module.scss';
|
|
25
25
|
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
import PropTypes from 'prop-types';
|
|
22
22
|
import debounce from 'lodash.debounce';
|
|
23
23
|
import React, { Component, type Node } from 'react';
|
|
24
|
-
import { cssModules, isRTL } from 'bpk-react-utils';
|
|
24
|
+
import { cssModules, isRTL } from '../../bpk-react-utils';
|
|
25
25
|
|
|
26
26
|
import STYLES from './BpkMobileScrollContainer.module.scss';
|
|
27
27
|
|
|
@@ -20,12 +20,12 @@
|
|
|
20
20
|
|
|
21
21
|
import PropTypes from 'prop-types';
|
|
22
22
|
import React, { type Node, Component, type Element } from 'react';
|
|
23
|
-
import { cssModules, withDefaultProps } from 'bpk-react-utils';
|
|
24
|
-
import BpkButton from 'bpk-component-button';
|
|
25
|
-
import { BpkNavigationBarButtonLink } from 'bpk-component-navigation-bar';
|
|
26
|
-
import { withAlignment, withRtlSupport } from 'bpk-component-icon';
|
|
27
|
-
import ArrowIcon from 'bpk-component-icon/sm/long-arrow-left';
|
|
28
|
-
import BpkText, { TEXT_STYLES } from 'bpk-component-text';
|
|
23
|
+
import { cssModules, withDefaultProps } from '../bpk-react-utils';
|
|
24
|
+
import BpkButton from '../bpk-component-button';
|
|
25
|
+
import { BpkNavigationBarButtonLink } from '../bpk-component-navigation-bar';
|
|
26
|
+
import { withAlignment, withRtlSupport } from '../bpk-component-icon';
|
|
27
|
+
import ArrowIcon from '../bpk-component-icon/sm/long-arrow-left';
|
|
28
|
+
import BpkText, { TEXT_STYLES } from '../bpk-component-text';
|
|
29
29
|
import {
|
|
30
30
|
lineHeightBase,
|
|
31
31
|
iconSizeSm,
|
|
@@ -272,7 +272,7 @@ const WithAccessoryViewExample = () => (
|
|
|
272
272
|
accessoryView={
|
|
273
273
|
<BpkNavigationBarButtonLink
|
|
274
274
|
label="Close"
|
|
275
|
-
onClick={() => {}}
|
|
275
|
+
onClick={() => { }}
|
|
276
276
|
className={getClassName('bpk-modal__leading-button')}
|
|
277
277
|
>
|
|
278
278
|
<div>
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
|
|
21
21
|
import PropTypes from 'prop-types';
|
|
22
22
|
import React, { type Element } from 'react';
|
|
23
|
-
import { withScrim } from 'bpk-
|
|
24
|
-
import { Portal, cssModules, isDeviceIphone } from 'bpk-react-utils';
|
|
23
|
+
import { withScrim } from '../../bpk-react-utils';
|
|
24
|
+
import { Portal, cssModules, isDeviceIphone } from '../../bpk-react-utils';
|
|
25
25
|
|
|
26
26
|
import STYLES from './BpkModal.module.scss';
|
|
27
27
|
import BpkModalInner, {
|
|
@@ -45,12 +45,12 @@ export type Props = {
|
|
|
45
45
|
// diff will suffice for now.
|
|
46
46
|
...$Exact<$Diff<ModalDialogProps, ScrimProps>>,
|
|
47
47
|
isOpen: boolean,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
48
|
+
isIphone: boolean,
|
|
49
|
+
closeOnScrimClick: boolean,
|
|
50
|
+
closeOnEscPressed: boolean,
|
|
51
|
+
renderTarget: ?() => ? HTMLElement,
|
|
52
|
+
target: ?((() => ? HTMLElement) | Element < any >),
|
|
53
|
+
onClose: (event: SyntheticEvent<>) => void | null,
|
|
54
54
|
};
|
|
55
55
|
|
|
56
56
|
const BpkModal = (props: Props) => {
|
|
@@ -18,12 +18,12 @@
|
|
|
18
18
|
|
|
19
19
|
/* @flow strict */
|
|
20
20
|
|
|
21
|
-
import { BpkButtonLink } from 'bpk-component-link';
|
|
21
|
+
import { BpkButtonLink } from '../../bpk-component-link';
|
|
22
22
|
import PropTypes from 'prop-types';
|
|
23
23
|
import React, { type Node, type Element } from 'react';
|
|
24
|
-
import BpkCloseButton from 'bpk-component-close-button';
|
|
25
|
-
import BpkNavigationBar from 'bpk-component-navigation-bar';
|
|
26
|
-
import { TransitionInitialMount, cssModules } from 'bpk-react-utils';
|
|
24
|
+
import BpkCloseButton from '../../bpk-component-close-button';
|
|
25
|
+
import BpkNavigationBar from '../../bpk-component-navigation-bar';
|
|
26
|
+
import { TransitionInitialMount, cssModules } from '../../bpk-react-utils';
|
|
27
27
|
|
|
28
28
|
import STYLES from './BpkModalInner.module.scss';
|
|
29
29
|
import { titlePropType, onClosePropType } from './customPropTypes';
|
|
@@ -20,10 +20,10 @@
|
|
|
20
20
|
|
|
21
21
|
import React from 'react';
|
|
22
22
|
import { action } from 'bpk-storybook-utils';
|
|
23
|
-
import { withRtlSupport } from 'bpk-component-icon';
|
|
24
|
-
import ArrowIcon from 'bpk-component-icon/sm/long-arrow-left';
|
|
25
|
-
import CloseIcon from 'bpk-component-icon/sm/close';
|
|
26
|
-
import { cssModules } from 'bpk-react-utils';
|
|
23
|
+
import { withRtlSupport } from '../bpk-component-icon';
|
|
24
|
+
import ArrowIcon from '../bpk-component-icon/sm/long-arrow-left';
|
|
25
|
+
import CloseIcon from '../bpk-component-icon/sm/close';
|
|
26
|
+
import { cssModules } from '../bpk-react-utils';
|
|
27
27
|
|
|
28
28
|
import STYLES from './examples.module.scss';
|
|
29
29
|
import AirlineLogo from './AirlineLogo';
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
|
|
21
21
|
import React, { type Node, type Element } from 'react';
|
|
22
22
|
import PropTypes from 'prop-types';
|
|
23
|
-
import { cssModules } from 'bpk-react-utils';
|
|
24
|
-
import BpkText, { TEXT_STYLES } from 'bpk-component-text';
|
|
23
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
24
|
+
import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
|
|
25
25
|
|
|
26
26
|
import STYLES from './BpkNavigationBar.module.scss';
|
|
27
27
|
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
import React, { type Node } from 'react';
|
|
22
22
|
import PropTypes from 'prop-types';
|
|
23
23
|
// TODO: close button is not really only a close button, we should rename and update the import here
|
|
24
|
-
import { BpkButtonLink } from 'bpk-component-link';
|
|
25
|
-
import { cssModules } from 'bpk-react-utils';
|
|
24
|
+
import { BpkButtonLink } from '../../bpk-component-link';
|
|
25
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
26
26
|
|
|
27
27
|
import STYLES from './BpkNavigationBarButtonLink.module.scss';
|
|
28
28
|
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
import React, { type ComponentType } from 'react';
|
|
22
22
|
import PropTypes from 'prop-types';
|
|
23
23
|
// TODO: close button is not really only a close button, we should rename and update the import here
|
|
24
|
-
import BpkIconButton from 'bpk-component-close-button';
|
|
25
|
-
import { cssModules } from 'bpk-react-utils';
|
|
24
|
+
import BpkIconButton from '../../bpk-component-close-button';
|
|
25
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
26
26
|
|
|
27
27
|
import STYLES from './BpkNavigationBarIconButton.module.scss';
|
|
28
28
|
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
/* @flow strict */
|
|
20
20
|
|
|
21
21
|
import React from 'react';
|
|
22
|
-
import { cssModules } from 'bpk-react-utils';
|
|
23
|
-
import { updateOnDirectionChange } from 'bpk-component-rtl-toggle';
|
|
22
|
+
import { cssModules } from '../bpk-react-utils';
|
|
23
|
+
import { updateOnDirectionChange } from '../bpk-component-rtl-toggle';
|
|
24
24
|
|
|
25
25
|
import STYLES from './examples.module.scss';
|
|
26
26
|
import {
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
/* @flow strict */
|
|
20
20
|
|
|
21
|
-
import { cssModules, isRTL } from 'bpk-react-utils';
|
|
21
|
+
import { cssModules, isRTL } from '../../bpk-react-utils';
|
|
22
22
|
import React, { Children, type Element } from 'react';
|
|
23
23
|
import PropTypes from 'prop-types';
|
|
24
24
|
import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
|
|
@@ -87,12 +87,11 @@ class BpkNavigationStack extends React.Component<Props, State> {
|
|
|
87
87
|
className={getClassName(
|
|
88
88
|
'bpk-navigation-stack__view-track',
|
|
89
89
|
transition &&
|
|
90
|
-
|
|
90
|
+
`bpk-navigation-stack__view-track--view-${transition}`,
|
|
91
91
|
)}
|
|
92
92
|
style={{
|
|
93
|
-
transform: `translateX(${
|
|
94
|
-
|
|
95
|
-
})`,
|
|
93
|
+
transform: `translateX(${lastIndex === 0 ? '0%' : `${isRTL() ? '' : '-'}${lastIndex}00%`
|
|
94
|
+
})`,
|
|
96
95
|
}}
|
|
97
96
|
>
|
|
98
97
|
{Children.map(views, (view, idx) => (
|
|
@@ -20,17 +20,17 @@
|
|
|
20
20
|
|
|
21
21
|
import BpkNavigationBar, {
|
|
22
22
|
BpkNavigationBarIconButton,
|
|
23
|
-
} from 'bpk-component-navigation-bar';
|
|
24
|
-
import BpkButton from 'bpk-component-button';
|
|
25
|
-
import { cssModules } from 'bpk-react-utils';
|
|
26
|
-
import { withRtlSupport } from 'bpk-component-icon';
|
|
23
|
+
} from '../bpk-component-navigation-bar';
|
|
24
|
+
import BpkButton from '../bpk-component-button';
|
|
25
|
+
import { cssModules } from '../bpk-react-utils';
|
|
26
|
+
import { withRtlSupport } from '../bpk-component-icon';
|
|
27
27
|
import React, {
|
|
28
28
|
type Element,
|
|
29
29
|
type ComponentType,
|
|
30
30
|
type ElementConfig,
|
|
31
31
|
} from 'react';
|
|
32
|
-
import BpkLeftArrowIcon from 'bpk-component-icon/sm/long-arrow-left';
|
|
33
|
-
import BpkRightArrowIcon from 'bpk-component-icon/sm/long-arrow-right';
|
|
32
|
+
import BpkLeftArrowIcon from '../bpk-component-icon/sm/long-arrow-left';
|
|
33
|
+
import BpkRightArrowIcon from '../bpk-component-icon/sm/long-arrow-right';
|
|
34
34
|
|
|
35
35
|
import STYLES from './examples.module.scss';
|
|
36
36
|
|
|
@@ -53,15 +53,15 @@ export const View = ({
|
|
|
53
53
|
}: {
|
|
54
54
|
children: ({
|
|
55
55
|
index: number,
|
|
56
|
-
pushView: ?(Element<any>) => mixed,
|
|
57
|
-
popView: ?() => mixed,
|
|
58
|
-
}) => ?Element<any>,
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
56
|
+
pushView: ? (Element < any >) => mixed,
|
|
57
|
+
popView: ? () => mixed,
|
|
58
|
+
}) => ?Element < any >,
|
|
59
|
+
index: number,
|
|
60
|
+
pushView: ?(Element < any >) => mixed,
|
|
61
|
+
popView: ?() => mixed,
|
|
62
|
+
className: ?string,
|
|
63
|
+
noNavBar: boolean,
|
|
64
|
+
centered: boolean,
|
|
65
65
|
}) => (
|
|
66
66
|
// $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
|
|
67
67
|
<section
|
|
@@ -93,8 +93,8 @@ export const SimpleNav = ({
|
|
|
93
93
|
pushView,
|
|
94
94
|
}: {
|
|
95
95
|
index: number,
|
|
96
|
-
pushView: ?(Element<any>) => mixed,
|
|
97
|
-
|
|
96
|
+
pushView: ?(Element < any >) => mixed,
|
|
97
|
+
popView: ?() => mixed,
|
|
98
98
|
}) => (
|
|
99
99
|
<div>
|
|
100
100
|
<BpkButton
|
|
@@ -124,9 +124,9 @@ export const NavigationBar = ({
|
|
|
124
124
|
pushView,
|
|
125
125
|
}: {
|
|
126
126
|
index: number,
|
|
127
|
-
pushView: ?(Element<any>) => mixed,
|
|
128
|
-
|
|
129
|
-
|
|
127
|
+
pushView: ?(Element < any >) => mixed,
|
|
128
|
+
popView: ?() => mixed,
|
|
129
|
+
nextView: ?() => ? Element < any >,
|
|
130
130
|
}) => (
|
|
131
131
|
<BpkNavigationBar
|
|
132
132
|
id={`my-navigation-bar-${index}`}
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
|
|
21
21
|
import React, { Component } from 'react';
|
|
22
22
|
import { action, BpkDarkExampleWrapper } from 'bpk-storybook-utils';
|
|
23
|
-
import BpkLabel from 'bpk-component-label';
|
|
24
|
-
import { cssModules } from 'bpk-react-utils';
|
|
23
|
+
import BpkLabel from '../bpk-component-label';
|
|
24
|
+
import { cssModules } from '../bpk-react-utils';
|
|
25
25
|
|
|
26
26
|
import STYLES from './BpkNudgerStory.module.scss';
|
|
27
27
|
|
|
@@ -21,12 +21,12 @@
|
|
|
21
21
|
|
|
22
22
|
import PropTypes from 'prop-types';
|
|
23
23
|
import React from 'react';
|
|
24
|
-
import BpkButtonSecondary from 'bpk-component-button/BpkButtonSecondary';
|
|
25
|
-
import BpkButtonOutline from 'bpk-component-button/BpkButtonOutline';
|
|
26
|
-
import { withButtonAlignment } from 'bpk-component-icon';
|
|
27
|
-
import MinusIcon from 'bpk-component-icon/sm/minus';
|
|
28
|
-
import PlusIcon from 'bpk-component-icon/sm/plus';
|
|
29
|
-
import { cssModules } from 'bpk-react-utils';
|
|
24
|
+
import BpkButtonSecondary from '../../bpk-component-button/BpkButtonSecondary';
|
|
25
|
+
import BpkButtonOutline from '../../bpk-component-button/BpkButtonOutline';
|
|
26
|
+
import { withButtonAlignment } from '../../bpk-component-icon';
|
|
27
|
+
import MinusIcon from '../../bpk-component-icon/sm/minus';
|
|
28
|
+
import PlusIcon from '../../bpk-component-icon/sm/plus';
|
|
29
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
30
30
|
|
|
31
31
|
import {
|
|
32
32
|
type CommonProps,
|
|
@@ -18,6 +18,6 @@
|
|
|
18
18
|
|
|
19
19
|
/* @flow strict */
|
|
20
20
|
|
|
21
|
-
import { secondaryThemeAttributes as themeAttributes } from 'bpk-component-button/themeAttributes';
|
|
21
|
+
import { secondaryThemeAttributes as themeAttributes } from '../../bpk-component-button/themeAttributes';
|
|
22
22
|
|
|
23
23
|
export default themeAttributes;
|
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
/* @flow strict */
|
|
19
19
|
|
|
20
20
|
import React from 'react';
|
|
21
|
-
import { cssModules } from 'bpk-react-utils';
|
|
22
|
-
import BpkText, { TEXT_STYLES } from 'bpk-component-text';
|
|
21
|
+
import { cssModules } from '../bpk-react-utils';
|
|
22
|
+
import BpkText, { TEXT_STYLES } from '../bpk-component-text';
|
|
23
23
|
import BpkImage, {
|
|
24
24
|
withLazyLoading,
|
|
25
25
|
withLoadingBehavior,
|
|
26
26
|
BORDER_RADIUS_STYLES as IMAGE_BORDER_RADIUS_STYLES,
|
|
27
|
-
} from 'bpk-component-image';
|
|
27
|
+
} from '../bpk-component-image';
|
|
28
28
|
|
|
29
29
|
import STYLES from './examples.module.scss';
|
|
30
30
|
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
|
|
20
20
|
import PropTypes from 'prop-types';
|
|
21
21
|
import React, { type Node } from 'react';
|
|
22
|
-
import { cssModules } from 'bpk-react-utils';
|
|
22
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
23
23
|
|
|
24
24
|
import STYLES from './BpkOverlay.module.scss';
|
|
25
25
|
|
|
@@ -57,7 +57,7 @@ const BpkOverlay = (props: Props) => {
|
|
|
57
57
|
const overlayClassNames = getClassName(
|
|
58
58
|
'bpk-overlay__overlay',
|
|
59
59
|
borderRadiusStyle === BORDER_RADIUS_STYLES.sm &&
|
|
60
|
-
|
|
60
|
+
'bpk-overlay__overlay--border-radius-sm',
|
|
61
61
|
overlayType === OVERLAY_TYPES.tint && 'bpk-overlay__overlay--tint',
|
|
62
62
|
);
|
|
63
63
|
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
import React from 'react';
|
|
20
20
|
import PropTypes from 'prop-types';
|
|
21
|
-
import { cssModules } from 'bpk-react-utils';
|
|
21
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
22
22
|
|
|
23
23
|
import BpkPaginationList from './BpkPaginationList';
|
|
24
24
|
import BpkPaginationNudger from './BpkPaginationNudger';
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
import PropTypes from 'prop-types';
|
|
20
20
|
import React from 'react';
|
|
21
|
-
import { cssModules } from 'bpk-react-utils';
|
|
21
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
22
22
|
|
|
23
23
|
import BpkPaginationPage from './BpkPaginationPage';
|
|
24
24
|
import BpkPaginationBreak from './BpkPaginationBreak';
|
|
@@ -18,10 +18,10 @@
|
|
|
18
18
|
|
|
19
19
|
import PropTypes from 'prop-types';
|
|
20
20
|
import React from 'react';
|
|
21
|
-
import { cssModules } from 'bpk-react-utils';
|
|
22
|
-
import { withButtonAlignment, withRtlSupport } from 'bpk-component-icon';
|
|
23
|
-
import ArrowLeftIcon from 'bpk-component-icon/lg/arrow-left';
|
|
24
|
-
import ArrowRightIcon from 'bpk-component-icon/lg/arrow-right';
|
|
21
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
22
|
+
import { withButtonAlignment, withRtlSupport } from '../../bpk-component-icon';
|
|
23
|
+
import ArrowLeftIcon from '../../bpk-component-icon/lg/arrow-left';
|
|
24
|
+
import ArrowRightIcon from '../../bpk-component-icon/lg/arrow-right';
|
|
25
25
|
|
|
26
26
|
import STYLES from './BpkPaginationNudger.module.scss';
|
|
27
27
|
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
|
-
import BpkButton from 'bpk-component-button';
|
|
19
|
+
import BpkButton from '../../bpk-component-button';
|
|
20
20
|
import PropTypes from 'prop-types';
|
|
21
21
|
import React from 'react';
|
|
22
|
-
import { cssModules } from 'bpk-react-utils';
|
|
22
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
23
23
|
|
|
24
24
|
import STYLES from './BpkPaginationPage.module.scss';
|
|
25
25
|
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
|
-
import { secondaryThemeAttributes } from 'bpk-component-button';
|
|
18
|
+
import { secondaryThemeAttributes } from '../../bpk-component-button';
|
|
19
19
|
|
|
20
20
|
export default [
|
|
21
21
|
...secondaryThemeAttributes,
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
/* @flow strict */
|
|
20
20
|
|
|
21
21
|
import React, { Component } from 'react';
|
|
22
|
-
import BpkFieldSet from 'bpk-component-fieldset';
|
|
23
|
-
import BpkImage from 'bpk-component-image';
|
|
22
|
+
import BpkFieldSet from '../bpk-component-fieldset';
|
|
23
|
+
import BpkImage from '../bpk-component-image';
|
|
24
24
|
|
|
25
25
|
import BpkPhoneInput from './index';
|
|
26
26
|
|
|
@@ -20,10 +20,10 @@
|
|
|
20
20
|
|
|
21
21
|
import React from 'react';
|
|
22
22
|
import PropTypes from 'prop-types';
|
|
23
|
-
import { cssModules } from 'bpk-react-utils';
|
|
24
|
-
import BpkInput, { INPUT_TYPES } from 'bpk-component-input';
|
|
25
|
-
import BpkLabel from 'bpk-component-label';
|
|
26
|
-
import BpkSelect from 'bpk-component-select';
|
|
23
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
24
|
+
import BpkInput, { INPUT_TYPES } from '../../bpk-component-input';
|
|
25
|
+
import BpkLabel from '../../bpk-component-label';
|
|
26
|
+
import BpkSelect from '../../bpk-component-select';
|
|
27
27
|
|
|
28
28
|
import STYLES from './BpkPhoneInput.module.scss';
|
|
29
29
|
|
|
@@ -20,11 +20,11 @@
|
|
|
20
20
|
|
|
21
21
|
import PropTypes from 'prop-types';
|
|
22
22
|
import React, { Component, type Node } from 'react';
|
|
23
|
-
import { cssModules, withDefaultProps } from 'bpk-react-utils';
|
|
24
|
-
import BpkButton from 'bpk-component-button';
|
|
25
|
-
import BpkText, { TEXT_STYLES } from 'bpk-component-text';
|
|
26
|
-
import BpkContentContainer from 'bpk-component-content-container';
|
|
27
|
-
import BpkInput, { withOpenEvents } from 'bpk-component-input';
|
|
23
|
+
import { cssModules, withDefaultProps } from '../bpk-react-utils';
|
|
24
|
+
import BpkButton from '../bpk-component-button';
|
|
25
|
+
import BpkText, { TEXT_STYLES } from '../bpk-component-text';
|
|
26
|
+
import BpkContentContainer from '../bpk-component-content-container';
|
|
27
|
+
import BpkInput, { withOpenEvents } from '../bpk-component-input';
|
|
28
28
|
|
|
29
29
|
import STYLES from './examples.module.scss';
|
|
30
30
|
|
|
@@ -20,10 +20,10 @@
|
|
|
20
20
|
|
|
21
21
|
import PropTypes from 'prop-types';
|
|
22
22
|
import React, { type Node } from 'react';
|
|
23
|
-
import BpkText, { TEXT_STYLES } from 'bpk-component-text';
|
|
24
|
-
import { BpkButtonLink } from 'bpk-component-link';
|
|
25
|
-
import BpkCloseButton from 'bpk-component-close-button';
|
|
26
|
-
import { TransitionInitialMount, cssModules } from 'bpk-react-utils';
|
|
23
|
+
import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
|
|
24
|
+
import { BpkButtonLink } from '../../bpk-component-link';
|
|
25
|
+
import BpkCloseButton from '../../bpk-component-close-button';
|
|
26
|
+
import { TransitionInitialMount, cssModules } from '../../bpk-react-utils';
|
|
27
27
|
|
|
28
28
|
import STYLES from './BpkPopover.module.scss';
|
|
29
29
|
import { ARROW_ID } from './constants';
|
|
@@ -22,7 +22,7 @@ import Popper from '@skyscanner/popper.js';
|
|
|
22
22
|
import PropTypes from 'prop-types';
|
|
23
23
|
import React, { Component, type Node } from 'react';
|
|
24
24
|
import focusStore from 'a11y-focus-store';
|
|
25
|
-
import { Portal, cssModules } from 'bpk-react-utils';
|
|
25
|
+
import { Portal, cssModules } from '../../bpk-react-utils';
|
|
26
26
|
|
|
27
27
|
import keyboardFocusScope from './keyboardFocusScope';
|
|
28
28
|
import STYLES from './BpkPopover.module.scss';
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
/* @flow strict */
|
|
20
20
|
|
|
21
21
|
import React, { Component } from 'react';
|
|
22
|
-
import BpkButton from 'bpk-component-button';
|
|
23
|
-
import { cssModules } from 'bpk-react-utils';
|
|
22
|
+
import BpkButton from '../bpk-component-button';
|
|
23
|
+
import { cssModules } from '../bpk-react-utils';
|
|
24
24
|
|
|
25
25
|
import STYLES from './examples.module.scss';
|
|
26
26
|
|
|
@@ -22,7 +22,7 @@ import PropTypes from 'prop-types';
|
|
|
22
22
|
import React, { Component } from 'react';
|
|
23
23
|
import { colorWhite } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
|
|
24
24
|
import clamp from 'lodash.clamp';
|
|
25
|
-
import { cssModules } from 'bpk-react-utils';
|
|
25
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
26
26
|
|
|
27
27
|
import STYLES from './BpkProgress.module.scss';
|
|
28
28
|
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
import React from 'react';
|
|
21
21
|
import PropTypes from 'prop-types';
|
|
22
22
|
import clamp from 'lodash.clamp';
|
|
23
|
-
import { cssModules } from 'bpk-react-utils';
|
|
24
|
-
import BpkText, { TEXT_STYLES } from 'bpk-component-text';
|
|
23
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
24
|
+
import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
|
|
25
25
|
|
|
26
26
|
import STYLES from './BpkRating.module.scss';
|
|
27
27
|
import { RATING_SIZES, RATING_TYPES, RATING_SCALES } from './common-types';
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
import React from 'react';
|
|
20
20
|
import PropTypes from 'prop-types';
|
|
21
|
-
import { BpkButtonLink } from 'bpk-component-link';
|
|
21
|
+
import { BpkButtonLink } from '../../bpk-component-link';
|
|
22
22
|
|
|
23
23
|
import { getHtmlElement, DIRECTIONS, DIRECTION_CHANGE_EVENT } from './utils';
|
|
24
24
|
|