@skyscanner/backpack-web 0.0.3 → 0.0.6
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 +4 -4
- package/bpk-component-accordion/src/withAccordionItemState.js +1 -1
- package/bpk-component-accordion/src/withSingleItemAccordionState.js +1 -1
- package/bpk-component-aria-live/examples.js +8 -7
- 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 +1 -1
- package/bpk-component-autosuggest/src/BpkAutosuggestSuggestion.js +1 -1
- package/bpk-component-badge/BadgeLayout.js +1 -1
- package/bpk-component-badge/examples.js +6 -6
- package/bpk-component-badge/src/BpkBadge.js +1 -1
- package/bpk-component-banner-alert/examples.js +5 -5
- package/bpk-component-banner-alert/src/AnimateAndFade.js +2 -2
- package/bpk-component-banner-alert/src/BpkBannerAlertInner.js +2 -2
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- package/bpk-component-breakpoint/examples.js +1 -1
- package/bpk-component-button/examples.js +1 -1
- package/bpk-component-calendar/coloured-calendar-example.js +1 -1
- package/bpk-component-calendar/examples-components.js +2 -2
- package/bpk-component-calendar/examples.js +2 -2
- 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 +1 -1
- package/bpk-component-calendar/src/BpkCalendarNav.js +9 -9
- package/bpk-component-calendar/src/Week.js +1 -1
- 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/examples.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/BpkSelectableChip.js +1 -1
- package/bpk-component-close-button/examples.js +1 -1
- package/bpk-component-close-button/src/BpkCloseButton.js +1 -1
- 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 +1 -1
- package/bpk-component-datepicker/examples.js +5 -5
- package/bpk-component-datepicker/index.js +1 -1
- package/bpk-component-datepicker/src/BpkDatepicker.js +1 -1
- 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 +1 -1
- package/bpk-component-dialog/src/BpkDialogInner.js +2 -2
- package/bpk-component-drawer/examples.js +3 -3
- package/bpk-component-drawer/src/BpkDrawer.js +2 -2
- package/bpk-component-drawer/src/BpkDrawerContent.js +1 -1
- package/bpk-component-fieldset/examples.js +12 -12
- package/bpk-component-fieldset/src/BpkFieldset.js +1 -1
- 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 +2 -2
- 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 +1 -1
- package/bpk-component-horizontal-nav/examples.js +3 -3
- package/bpk-component-horizontal-nav/src/BpkHorizontalNav.js +1 -1
- 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 +1 -1
- 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 +1 -1
- package/bpk-component-image/src/BpkImage.js +1 -1
- package/bpk-component-image/src/withLazyLoading.js +1 -1
- package/bpk-component-image/src/withLoadingBehavior.js +1 -1
- package/bpk-component-infinite-scroll/examples.js +5 -5
- package/bpk-component-infinite-scroll/src/withInfiniteScroll.js +1 -1
- package/bpk-component-input/examples.js +4 -4
- package/bpk-component-input/src/BpkClearButton.js +1 -1
- 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/examples.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 +4 -4
- package/bpk-component-map/examples.js +7 -7
- 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 +1 -1
- package/bpk-component-map/src/DefaultLoadingElement.js +1 -1
- 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 +2 -2
- package/bpk-component-modal/src/BpkModalInner.js +1 -1
- package/bpk-component-navigation-bar/AirlineLogo.js +1 -1
- package/bpk-component-navigation-bar/examples.js +5 -5
- package/bpk-component-navigation-bar/src/BpkNavigationBar.js +1 -1
- package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js +1 -1
- package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.js +1 -1
- package/bpk-component-navigation-stack/examples.js +2 -2
- package/bpk-component-navigation-stack/src/BpkNavigationStack.js +1 -1
- package/bpk-component-navigation-stack/stories-components.js +20 -20
- package/bpk-component-nudger/examples.js +3 -3
- package/bpk-component-nudger/src/BpkConfigurableNudger.js +1 -1
- package/bpk-component-nudger/src/BpkNudger.js +1 -1
- package/bpk-component-overlay/examples.js +3 -3
- package/bpk-component-overlay/src/BpkOverlay.js +1 -1
- 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 +1 -1
- package/bpk-component-pagination/src/BpkPaginationPage.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 +1 -1
- package/bpk-component-popover/examples.js +5 -5
- package/bpk-component-popover/src/BpkPopover.js +1 -1
- package/bpk-component-popover/src/BpkPopoverPortal.js +1 -1
- package/bpk-component-progress/examples.js +2 -2
- package/bpk-component-progress/src/BpkProgress.js +1 -1
- package/bpk-component-radio/examples.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 +1 -1
- package/bpk-component-rtl-toggle/src/updateOnDirectionChange.js +1 -1
- package/bpk-component-scrollable-calendar/examples.js +2 -2
- package/bpk-component-scrollable-calendar/index.js +1 -1
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js +1 -1
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js +1 -1
- package/bpk-component-section-list/examples.js +1 -1
- package/bpk-component-section-list/src/BpkSectionListItem.js +1 -1
- package/bpk-component-section-list/src/BpkSectionListSection.js +1 -1
- package/bpk-component-select/examples.js +1 -1
- 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 +2 -2
- 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 +1 -1
- package/bpk-component-star-rating/src/BpkStarRating.js +1 -1
- 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 +2 -2
- package/bpk-component-textarea/src/BpkTextarea.js +1 -1
- package/bpk-component-theme-toggle/src/BpkThemeToggle.js +1 -1
- 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 +1 -1
- 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
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
import React from 'react';
|
|
20
20
|
import PropTypes from 'prop-types';
|
|
21
|
-
import { cssModules, wrapDisplayName } from 'bpk-react-utils';
|
|
21
|
+
import { cssModules, wrapDisplayName } from '../../bpk-react-utils';
|
|
22
22
|
|
|
23
23
|
import STYLES from './BpkInput.module.scss';
|
|
24
24
|
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
import PropTypes from 'prop-types';
|
|
22
22
|
import React, { type Node } from 'react';
|
|
23
|
-
import { cssModules } from 'bpk-react-utils';
|
|
23
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
24
24
|
|
|
25
25
|
import themeAttributes from './themeAttributes';
|
|
26
26
|
import STYLES from './BpkLink.module.scss';
|
|
@@ -19,14 +19,14 @@
|
|
|
19
19
|
/* @flow strict */
|
|
20
20
|
|
|
21
21
|
import React, { Component } from 'react';
|
|
22
|
-
import { action } from 'bpk-storybook-utils';
|
|
22
|
+
import { action } from '../bpk-storybook-utils';
|
|
23
23
|
import {
|
|
24
24
|
withButtonAlignment,
|
|
25
25
|
withLargeButtonAlignment,
|
|
26
26
|
withRtlSupport,
|
|
27
|
-
} from '
|
|
28
|
-
import BaggageIconSm from '
|
|
29
|
-
import BaggageIconLg from '
|
|
27
|
+
} from '../bpk-component-icon';
|
|
28
|
+
import BaggageIconSm from '../bpk-component-icon/sm/baggage';
|
|
29
|
+
import BaggageIconLg from '../bpk-component-icon/lg/baggage';
|
|
30
30
|
|
|
31
31
|
import BpkLoadingButton, { ICON_POSITION } from './index';
|
|
32
32
|
|
|
@@ -19,13 +19,13 @@
|
|
|
19
19
|
|
|
20
20
|
import React, { Component, type Node } from 'react';
|
|
21
21
|
import PropTypes from 'prop-types';
|
|
22
|
-
import { action } from 'bpk-storybook-utils';
|
|
23
|
-
import BpkText from '
|
|
24
|
-
import { withRtlSupport } from '
|
|
25
|
-
import LandmarkIconSm from '
|
|
26
|
-
import FoodIconSm from '
|
|
27
|
-
import ParkingIconSm from '
|
|
28
|
-
import HotelIconSm from '
|
|
22
|
+
import { action } from '../bpk-storybook-utils';
|
|
23
|
+
import BpkText from '../bpk-component-text';
|
|
24
|
+
import { withRtlSupport } from '../bpk-component-icon';
|
|
25
|
+
import LandmarkIconSm from '../bpk-component-icon/sm/landmark';
|
|
26
|
+
import FoodIconSm from '../bpk-component-icon/sm/food';
|
|
27
|
+
import ParkingIconSm from '../bpk-component-icon/sm/parking';
|
|
28
|
+
import HotelIconSm from '../bpk-component-icon/sm/hotels';
|
|
29
29
|
|
|
30
30
|
import BpkMap, {
|
|
31
31
|
BpkOverlayView,
|
|
@@ -20,7 +20,7 @@
|
|
|
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
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
24
24
|
|
|
25
25
|
import BpkIconMarkerBackground from './BpkIconMarkerBackground';
|
|
26
26
|
import { LatLongPropType, type LatLong } from './common-types';
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
import React from 'react';
|
|
22
22
|
import PropTypes from 'prop-types';
|
|
23
|
-
import { cssModules } from 'bpk-react-utils';
|
|
23
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
24
24
|
import BpkText, { TEXT_STYLES } from '../../bpk-component-text/src/BpkText';
|
|
25
25
|
|
|
26
26
|
import { LatLongPropType, type LatLong } from './common-types';
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
|
|
20
20
|
import React from 'react';
|
|
21
21
|
import { BpkLargeSpinner, SPINNER_TYPES } from '../../bpk-component-spinner';
|
|
22
|
-
import { cssModules } from 'bpk-react-utils';
|
|
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 '
|
|
25
|
-
import { BpkNavigationBarButtonLink } from '
|
|
26
|
-
import { withAlignment, withRtlSupport } from '
|
|
27
|
-
import ArrowIcon from '
|
|
28
|
-
import BpkText, { TEXT_STYLES } from '
|
|
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-scrim-utils';
|
|
24
|
-
import { Portal, cssModules, isDeviceIphone } from 'bpk-react-utils';
|
|
23
|
+
import { withScrim } from '../../bpk-scrim-utils';
|
|
24
|
+
import { Portal, cssModules, isDeviceIphone } from '../../bpk-react-utils';
|
|
25
25
|
|
|
26
26
|
import STYLES from './BpkModal.module.scss';
|
|
27
27
|
import BpkModalInner, {
|
|
@@ -23,7 +23,7 @@ import PropTypes from 'prop-types';
|
|
|
23
23
|
import React, { type Node, type Element } from 'react';
|
|
24
24
|
import BpkCloseButton from '../../bpk-component-close-button';
|
|
25
25
|
import BpkNavigationBar from '../../bpk-component-navigation-bar';
|
|
26
|
-
import { TransitionInitialMount, cssModules } from 'bpk-react-utils';
|
|
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';
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
/* @flow strict */
|
|
20
20
|
|
|
21
21
|
import React from 'react';
|
|
22
|
-
import { action } from 'bpk-storybook-utils';
|
|
23
|
-
import { withRtlSupport } from '
|
|
24
|
-
import ArrowIcon from '
|
|
25
|
-
import CloseIcon from '
|
|
26
|
-
import { cssModules } from 'bpk-react-utils';
|
|
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';
|
|
27
27
|
|
|
28
28
|
import STYLES from './examples.module.scss';
|
|
29
29
|
import AirlineLogo from './AirlineLogo';
|
|
@@ -20,7 +20,7 @@
|
|
|
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';
|
|
23
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
24
24
|
import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
|
|
25
25
|
|
|
26
26
|
import STYLES from './BpkNavigationBar.module.scss';
|
|
@@ -22,7 +22,7 @@ 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
24
|
import { BpkButtonLink } from '../../bpk-component-link';
|
|
25
|
-
import { cssModules } from 'bpk-react-utils';
|
|
25
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
26
26
|
|
|
27
27
|
import STYLES from './BpkNavigationBarButtonLink.module.scss';
|
|
28
28
|
|
|
@@ -22,7 +22,7 @@ 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
24
|
import BpkIconButton from '../../bpk-component-close-button';
|
|
25
|
-
import { cssModules } from 'bpk-react-utils';
|
|
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 '
|
|
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';
|
|
@@ -20,17 +20,17 @@
|
|
|
20
20
|
|
|
21
21
|
import BpkNavigationBar, {
|
|
22
22
|
BpkNavigationBarIconButton,
|
|
23
|
-
} from '
|
|
24
|
-
import BpkButton from '
|
|
25
|
-
import { cssModules } from 'bpk-react-utils';
|
|
26
|
-
import { withRtlSupport } from '
|
|
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 '
|
|
33
|
-
import BpkRightArrowIcon from '
|
|
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: ?
|
|
57
|
-
popView: ?
|
|
58
|
-
}) => ?Element
|
|
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
|
|
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
|
|
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}`}
|
|
@@ -19,9 +19,9 @@
|
|
|
19
19
|
/* @flow strict */
|
|
20
20
|
|
|
21
21
|
import React, { Component } from 'react';
|
|
22
|
-
import { action, BpkDarkExampleWrapper } from 'bpk-storybook-utils';
|
|
23
|
-
import BpkLabel from '
|
|
24
|
-
import { cssModules } from 'bpk-react-utils';
|
|
22
|
+
import { action, BpkDarkExampleWrapper } from '../bpk-storybook-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
|
|
|
@@ -26,7 +26,7 @@ import BpkButtonOutline from '../../bpk-component-button/BpkButtonOutline';
|
|
|
26
26
|
import { withButtonAlignment } from '../../bpk-component-icon';
|
|
27
27
|
import MinusIcon from '../../bpk-component-icon/sm/minus';
|
|
28
28
|
import PlusIcon from '../../bpk-component-icon/sm/plus';
|
|
29
|
-
import { cssModules } from 'bpk-react-utils';
|
|
29
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
30
30
|
|
|
31
31
|
import {
|
|
32
32
|
type CommonProps,
|
|
@@ -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 '
|
|
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 '
|
|
27
|
+
} from '../bpk-component-image';
|
|
28
28
|
|
|
29
29
|
import STYLES from './examples.module.scss';
|
|
30
30
|
|
|
@@ -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,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
|
import { withButtonAlignment, withRtlSupport } from '../../bpk-component-icon';
|
|
23
23
|
import ArrowLeftIcon from '../../bpk-component-icon/lg/arrow-left';
|
|
24
24
|
import ArrowRightIcon from '../../bpk-component-icon/lg/arrow-right';
|
|
@@ -19,7 +19,7 @@
|
|
|
19
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
|
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
/* @flow strict */
|
|
20
20
|
|
|
21
21
|
import React, { Component } from 'react';
|
|
22
|
-
import BpkFieldSet from '
|
|
23
|
-
import BpkImage from '
|
|
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,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
import React from 'react';
|
|
22
22
|
import PropTypes from 'prop-types';
|
|
23
|
-
import { cssModules } from 'bpk-react-utils';
|
|
23
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
24
24
|
import BpkInput, { INPUT_TYPES } from '../../bpk-component-input';
|
|
25
25
|
import BpkLabel from '../../bpk-component-label';
|
|
26
26
|
import BpkSelect from '../../bpk-component-select';
|
|
@@ -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 '
|
|
25
|
-
import BpkText, { TEXT_STYLES } from '
|
|
26
|
-
import BpkContentContainer from '
|
|
27
|
-
import BpkInput, { withOpenEvents } from '
|
|
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
|
|
|
@@ -23,7 +23,7 @@ import React, { type Node } from 'react';
|
|
|
23
23
|
import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
|
|
24
24
|
import { BpkButtonLink } from '../../bpk-component-link';
|
|
25
25
|
import BpkCloseButton from '../../bpk-component-close-button';
|
|
26
|
-
import { TransitionInitialMount, cssModules } from 'bpk-react-utils';
|
|
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 '
|
|
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,7 +20,7 @@
|
|
|
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';
|
|
23
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
24
24
|
import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
|
|
25
25
|
|
|
26
26
|
import STYLES from './BpkRating.module.scss';
|