@skyscanner/backpack-web 0.0.4 → 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-aria-live/examples.js +5 -5
- package/bpk-component-autosuggest/examples.js +2 -2
- package/bpk-component-badge/examples.js +5 -5
- package/bpk-component-banner-alert/examples.js +3 -3
- package/bpk-component-barchart/examples.js +2 -2
- package/bpk-component-calendar/examples-components.js +1 -1
- package/bpk-component-calendar/examples.js +1 -1
- package/bpk-component-card/examples.js +2 -2
- package/bpk-component-chip/examples.js +7 -7
- package/bpk-component-content-container/examples.js +2 -2
- package/bpk-component-datepicker/examples.js +4 -4
- package/bpk-component-datepicker/index.js +1 -1
- package/bpk-component-dialog/examples.js +5 -5
- package/bpk-component-drawer/examples.js +2 -2
- package/bpk-component-fieldset/examples.js +9 -9
- package/bpk-component-flare/examples.js +1 -1
- package/bpk-component-form-validation/examples.js +5 -5
- package/bpk-component-horizontal-nav/examples.js +1 -1
- package/bpk-component-icon/examples.js +3 -3
- package/bpk-component-image/examples.js +2 -2
- package/bpk-component-infinite-scroll/examples.js +3 -3
- package/bpk-component-input/examples.js +2 -2
- package/bpk-component-loading-button/examples.js +3 -3
- package/bpk-component-map/examples.js +6 -6
- package/bpk-component-modal/examples.js +5 -5
- package/bpk-component-navigation-bar/examples.js +3 -3
- package/bpk-component-navigation-stack/examples.js +1 -1
- package/bpk-component-navigation-stack/stories-components.js +5 -5
- package/bpk-component-nudger/examples.js +1 -1
- package/bpk-component-overlay/examples.js +2 -2
- package/bpk-component-phone-input/examples.js +2 -2
- package/bpk-component-popover/examples.js +4 -4
- package/bpk-component-progress/examples.js +1 -1
- package/bpk-component-scrollable-calendar/examples.js +1 -1
- package/bpk-component-scrollable-calendar/index.js +1 -1
- package/bpk-component-slider/examples.js +1 -1
- package/bpk-component-star-rating/examples.js +1 -1
- package/bpk-component-textarea/examples.js +1 -1
- package/bpk-component-ticket/examples.js +3 -3
- package/bpk-component-tooltip/examples.js +1 -1
- package/package.json +1 -1
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
/* @flow strict */
|
|
20
20
|
|
|
21
21
|
import React from 'react';
|
|
22
|
-
import BpkCheckbox from '
|
|
23
|
-
import { withAlignment } from '
|
|
24
|
-
import StopsIcon from '
|
|
25
|
-
import TimeIcon from '
|
|
22
|
+
import BpkCheckbox from '../bpk-component-checkbox';
|
|
23
|
+
import { withAlignment } from '../bpk-component-icon';
|
|
24
|
+
import StopsIcon from '../bpk-component-icon/sm/stops';
|
|
25
|
+
import TimeIcon from '../bpk-component-icon/sm/time';
|
|
26
26
|
import {
|
|
27
27
|
colorMonteverde,
|
|
28
28
|
colorPanjin,
|
|
@@ -18,12 +18,12 @@
|
|
|
18
18
|
/* @flow strict */
|
|
19
19
|
|
|
20
20
|
import React, { type Node } from 'react';
|
|
21
|
-
import BpkChip from '
|
|
22
|
-
import BpkFieldset from '
|
|
23
|
-
import BpkSelect from '
|
|
24
|
-
import BpkSwitch from '
|
|
21
|
+
import BpkChip from '../bpk-component-chip';
|
|
22
|
+
import BpkFieldset from '../bpk-component-fieldset';
|
|
23
|
+
import BpkSelect from '../bpk-component-select';
|
|
24
|
+
import BpkSwitch from '../bpk-component-switch';
|
|
25
25
|
import { cssModules } from '../bpk-react-utils';
|
|
26
|
-
import { BpkCode } from '
|
|
26
|
+
import { BpkCode } from '../bpk-component-code';
|
|
27
27
|
|
|
28
28
|
import STYLES from './examples.module.scss';
|
|
29
29
|
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
/* @flow strict */
|
|
20
20
|
|
|
21
21
|
import React from 'react';
|
|
22
|
-
import { withRtlSupport } from '
|
|
23
|
-
import FlightIcon from '
|
|
22
|
+
import { withRtlSupport } from '../bpk-component-icon';
|
|
23
|
+
import FlightIcon from '../bpk-component-icon/lg/flight';
|
|
24
24
|
|
|
25
25
|
import BpkAutosuggest, { BpkAutosuggestSuggestion } from './index';
|
|
26
26
|
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
/* @flow strict */
|
|
20
20
|
|
|
21
21
|
import React from 'react';
|
|
22
|
-
import BpkSmallBeerIcon from '
|
|
23
|
-
import BpkSmallFlightIcon from '
|
|
24
|
-
import BpkSmallWeatherIcon from '
|
|
25
|
-
import BpkSmallTickIcon from '
|
|
26
|
-
import BpkSmallCloseIcon from '
|
|
22
|
+
import BpkSmallBeerIcon from '../bpk-component-icon/sm/beer';
|
|
23
|
+
import BpkSmallFlightIcon from '../bpk-component-icon/sm/flight';
|
|
24
|
+
import BpkSmallWeatherIcon from '../bpk-component-icon/sm/weather';
|
|
25
|
+
import BpkSmallTickIcon from '../bpk-component-icon/sm/tick-circle';
|
|
26
|
+
import BpkSmallCloseIcon from '../bpk-component-icon/sm/close-circle';
|
|
27
27
|
import { BpkDarkExampleWrapper } from 'bpk-storybook-utils';
|
|
28
28
|
|
|
29
29
|
import BadgeLayout from './BadgeLayout';
|
|
@@ -20,9 +20,9 @@
|
|
|
20
20
|
import React, { Component } from 'react';
|
|
21
21
|
import { action } from 'bpk-storybook-utils';
|
|
22
22
|
import { fontWeightBold } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
|
|
23
|
-
import CurrencyIcon from '
|
|
24
|
-
import { AriaLiveDemo } from '
|
|
25
|
-
import { BpkButtonPrimary } from '
|
|
23
|
+
import CurrencyIcon from '../bpk-component-icon/sm/currency';
|
|
24
|
+
import { AriaLiveDemo } from '../bpk-component-aria-live/examples';
|
|
25
|
+
import { BpkButtonPrimary } from '../bpk-component-button';
|
|
26
26
|
import { cssModules } from '../bpk-react-utils';
|
|
27
27
|
|
|
28
28
|
import STYLES from './examples.module.scss';
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
import React from 'react';
|
|
22
22
|
import { number } from 'prop-types';
|
|
23
23
|
import { cssModules, withDefaultProps } from '../bpk-react-utils';
|
|
24
|
-
import BpkText, { TEXT_STYLES } from '
|
|
25
|
-
import { updateOnDirectionChange } from '
|
|
24
|
+
import BpkText, { TEXT_STYLES } from '../bpk-component-text';
|
|
25
|
+
import { updateOnDirectionChange } from '../bpk-component-rtl-toggle';
|
|
26
26
|
import { lineHeightSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
|
|
27
27
|
import { scaleLinear, scaleBand } from 'd3-scale';
|
|
28
28
|
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
import React, { Component } from 'react';
|
|
22
22
|
import PropTypes from 'prop-types';
|
|
23
|
-
import BpkButton from '
|
|
23
|
+
import BpkButton from '../bpk-component-button';
|
|
24
24
|
import addMonths from 'date-fns/addMonths';
|
|
25
25
|
import {
|
|
26
26
|
colorWhite,
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
import React from 'react';
|
|
19
19
|
import { action } from 'bpk-storybook-utils';
|
|
20
20
|
import addMonths from 'date-fns/addMonths';
|
|
21
|
-
import BpkText from '
|
|
21
|
+
import BpkText from '../bpk-component-text';
|
|
22
22
|
import startOfDay from 'date-fns/startOfDay';
|
|
23
23
|
import parseDate from 'date-fns/parse';
|
|
24
24
|
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
/* @flow strict */
|
|
19
19
|
|
|
20
20
|
import React, { Fragment } from 'react';
|
|
21
|
-
import BpkLink from '
|
|
22
|
-
import BpkText, { TEXT_STYLES } from '
|
|
21
|
+
import BpkLink from '../bpk-component-link';
|
|
22
|
+
import BpkText, { TEXT_STYLES } from '../bpk-component-text';
|
|
23
23
|
|
|
24
24
|
import BpkCard from './index';
|
|
25
25
|
|
|
@@ -21,13 +21,13 @@
|
|
|
21
21
|
import React from 'react';
|
|
22
22
|
import PropTypes from 'prop-types';
|
|
23
23
|
import { cssModules } from '../bpk-react-utils';
|
|
24
|
-
import BpkText, { TEXT_STYLES } from '
|
|
25
|
-
import BeachIconSm from '
|
|
26
|
-
import CarWashIconSm from '
|
|
27
|
-
import PlusIconSm from '
|
|
28
|
-
import TickIconSm from '
|
|
29
|
-
import FaceHappyIconSm from '
|
|
30
|
-
import { AriaLiveDemo } from '
|
|
24
|
+
import BpkText, { TEXT_STYLES } from '../bpk-component-text';
|
|
25
|
+
import BeachIconSm from '../bpk-component-icon/sm/beach';
|
|
26
|
+
import CarWashIconSm from '../bpk-component-icon/sm/car-wash';
|
|
27
|
+
import PlusIconSm from '../bpk-component-icon/sm/plus';
|
|
28
|
+
import TickIconSm from '../bpk-component-icon/sm/tick';
|
|
29
|
+
import FaceHappyIconSm from '../bpk-component-icon/sm/face--happy';
|
|
30
|
+
import { AriaLiveDemo } from '../bpk-component-aria-live/examples';
|
|
31
31
|
|
|
32
32
|
import STYLES from './examples.module.scss';
|
|
33
33
|
import { COMMON_PROP_TYPES, COMMON_DEFAULT_PROPS } from './src/commonTypes';
|
|
@@ -149,7 +149,7 @@ const DefaultExample = () => (
|
|
|
149
149
|
<pre>
|
|
150
150
|
<code>
|
|
151
151
|
{`
|
|
152
|
-
import BpkContentContainer from '
|
|
152
|
+
import BpkContentContainer from '../bpk-component-content-container';
|
|
153
153
|
export default () => (
|
|
154
154
|
<BpkContentContainer>
|
|
155
155
|
<p>Hello<p>
|
|
@@ -291,7 +291,7 @@ const Alternate = () => (
|
|
|
291
291
|
<pre>
|
|
292
292
|
<code>
|
|
293
293
|
{`
|
|
294
|
-
import BpkContentContainer from '
|
|
294
|
+
import BpkContentContainer from '../bpk-component-content-container';
|
|
295
295
|
export default () => (
|
|
296
296
|
<BpkContentContainer>
|
|
297
297
|
<p>Hello<p>
|
|
@@ -30,14 +30,14 @@ import {
|
|
|
30
30
|
weekDays,
|
|
31
31
|
formatMonth,
|
|
32
32
|
formatDateFull,
|
|
33
|
-
} from '
|
|
33
|
+
} from '../bpk-component-calendar/test-utils';
|
|
34
34
|
import {
|
|
35
35
|
format,
|
|
36
36
|
dateToBoundaries,
|
|
37
37
|
addMonths,
|
|
38
38
|
addDays,
|
|
39
39
|
startOfDay,
|
|
40
|
-
} from '
|
|
40
|
+
} from '../bpk-component-calendar/src/date-utils';
|
|
41
41
|
import {
|
|
42
42
|
BpkCalendarNav,
|
|
43
43
|
BpkCalendarGridHeader,
|
|
@@ -47,8 +47,8 @@ import {
|
|
|
47
47
|
CustomPropTypes,
|
|
48
48
|
CALENDAR_SELECTION_TYPE,
|
|
49
49
|
BpkCalendarGrid,
|
|
50
|
-
} from '
|
|
51
|
-
import BpkInput, { withOpenEvents } from '
|
|
50
|
+
} from '../bpk-component-calendar';
|
|
51
|
+
import BpkInput, { withOpenEvents } from '../bpk-component-input';
|
|
52
52
|
|
|
53
53
|
import BpkDatepicker from './index';
|
|
54
54
|
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
|
-
import { CALENDAR_SELECTION_TYPE } from '
|
|
19
|
+
import { CALENDAR_SELECTION_TYPE } from '../bpk-component-calendar';
|
|
20
20
|
|
|
21
21
|
import BpkDatepicker from './src/BpkDatepicker';
|
|
22
22
|
import themeAttributes from './src/themeAttributes';
|
|
@@ -20,11 +20,11 @@
|
|
|
20
20
|
|
|
21
21
|
import PropTypes from 'prop-types';
|
|
22
22
|
import React, { Component, type Node } from 'react';
|
|
23
|
-
import BpkText, { TEXT_STYLES } from '
|
|
24
|
-
import BpkButton from '
|
|
25
|
-
import TickIcon from '
|
|
26
|
-
import InfoIcon from '
|
|
27
|
-
import TrashIcon from '
|
|
23
|
+
import BpkText, { TEXT_STYLES } from '../bpk-component-text';
|
|
24
|
+
import BpkButton from '../bpk-component-button';
|
|
25
|
+
import TickIcon from '../bpk-component-icon/lg/tick';
|
|
26
|
+
import InfoIcon from '../bpk-component-icon/lg/information-circle';
|
|
27
|
+
import TrashIcon from '../bpk-component-icon/lg/trash';
|
|
28
28
|
import { cssModules, withDefaultProps } from '../bpk-react-utils';
|
|
29
29
|
|
|
30
30
|
import STYLES from './examples.module.scss';
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
import PropTypes from 'prop-types';
|
|
22
22
|
import React, { Component } from 'react';
|
|
23
23
|
import { cssModules, withDefaultProps } from '../bpk-react-utils';
|
|
24
|
-
import BpkButton from '
|
|
25
|
-
import BpkText, { TEXT_STYLES } from '
|
|
24
|
+
import BpkButton from '../bpk-component-button';
|
|
25
|
+
import BpkText, { TEXT_STYLES } from '../bpk-component-text';
|
|
26
26
|
|
|
27
27
|
import STYLES from './examples.module.scss';
|
|
28
28
|
|
|
@@ -19,21 +19,21 @@
|
|
|
19
19
|
|
|
20
20
|
import PropTypes from 'prop-types';
|
|
21
21
|
import React, { cloneElement, Component } from 'react';
|
|
22
|
-
import BpkSelect from '
|
|
23
|
-
import BpkCheckbox from '
|
|
24
|
-
import BpkInput, { INPUT_TYPES } from '
|
|
25
|
-
import BpkButton from '
|
|
26
|
-
import BpkDatepicker from '
|
|
27
|
-
import BpkTextarea from '
|
|
22
|
+
import BpkSelect from '../bpk-component-select';
|
|
23
|
+
import BpkCheckbox from '../bpk-component-checkbox';
|
|
24
|
+
import BpkInput, { INPUT_TYPES } from '../bpk-component-input';
|
|
25
|
+
import BpkButton from '../bpk-component-button';
|
|
26
|
+
import BpkDatepicker from '../bpk-component-datepicker';
|
|
27
|
+
import BpkTextarea from '../bpk-component-textarea';
|
|
28
28
|
import BpkAutosuggest, {
|
|
29
29
|
BpkAutosuggestSuggestion,
|
|
30
|
-
} from '
|
|
30
|
+
} from '../bpk-component-autosuggest';
|
|
31
31
|
import {
|
|
32
32
|
weekDays,
|
|
33
33
|
formatMonth,
|
|
34
34
|
formatDateFull,
|
|
35
|
-
} from '
|
|
36
|
-
import { format } from '
|
|
35
|
+
} from '../bpk-component-calendar/test-utils';
|
|
36
|
+
import { format } from '../bpk-component-calendar/src/date-utils';
|
|
37
37
|
import { cssModules } from '../bpk-react-utils';
|
|
38
38
|
|
|
39
39
|
import STYLES from './examples.module.scss';
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
/* @flow strict */
|
|
20
20
|
|
|
21
21
|
import React from 'react';
|
|
22
|
-
import BpkText, { TEXT_STYLES } from '
|
|
22
|
+
import BpkText, { TEXT_STYLES } from '../bpk-component-text';
|
|
23
23
|
import { cssModules } from '../bpk-react-utils';
|
|
24
24
|
|
|
25
25
|
import { BpkFlareBar, BpkContentBubble } from './index';
|
|
@@ -18,11 +18,11 @@
|
|
|
18
18
|
|
|
19
19
|
import PropTypes from 'prop-types';
|
|
20
20
|
import React, { Component } from 'react';
|
|
21
|
-
import BpkButton from '
|
|
22
|
-
import BpkSelect from '
|
|
23
|
-
import BpkCheckbox from '
|
|
24
|
-
import BpkTextarea from '
|
|
25
|
-
import BpkInput from '
|
|
21
|
+
import BpkButton from '../bpk-component-button';
|
|
22
|
+
import BpkSelect from '../bpk-component-select';
|
|
23
|
+
import BpkCheckbox from '../bpk-component-checkbox';
|
|
24
|
+
import BpkTextarea from '../bpk-component-textarea';
|
|
25
|
+
import BpkInput from '../bpk-component-input';
|
|
26
26
|
import { cssModules } from '../bpk-react-utils';
|
|
27
27
|
|
|
28
28
|
import STYLES from './examples.module.scss';
|
|
@@ -24,7 +24,7 @@ import {
|
|
|
24
24
|
onePixelRem,
|
|
25
25
|
colorSkyGrayTint06,
|
|
26
26
|
} from '@skyscanner/bpk-foundations-web/tokens/base.es6';
|
|
27
|
-
import BpkText from '
|
|
27
|
+
import BpkText from '../bpk-component-text';
|
|
28
28
|
import { BpkDarkExampleWrapper } from 'bpk-storybook-utils';
|
|
29
29
|
|
|
30
30
|
import STYLES from './examples.module.scss';
|
|
@@ -24,9 +24,9 @@ import {
|
|
|
24
24
|
iconSizeLg,
|
|
25
25
|
lineHeightSm,
|
|
26
26
|
} from '@skyscanner/bpk-foundations-web/tokens/base.es6';
|
|
27
|
-
import BpkButton from '
|
|
28
|
-
import { BpkList, BpkListItem } from '
|
|
29
|
-
import BpkText, { TEXT_STYLES } from '
|
|
27
|
+
import BpkButton from '../bpk-component-button';
|
|
28
|
+
import { BpkList, BpkListItem } from '../bpk-component-list';
|
|
29
|
+
import BpkText, { TEXT_STYLES } from '../bpk-component-text';
|
|
30
30
|
|
|
31
31
|
import { sm, lg } from './all';
|
|
32
32
|
import SearchIcon from './lg/search';
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
19
|
import React from 'react';
|
|
20
|
-
import BpkMobileScrollContainer from '
|
|
21
|
-
import BpkText, { TEXT_STYLES } from '
|
|
20
|
+
import BpkMobileScrollContainer from '../bpk-component-mobile-scroll-container';
|
|
21
|
+
import BpkText, { TEXT_STYLES } from '../bpk-component-text';
|
|
22
22
|
import { spacingSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
|
|
23
23
|
|
|
24
24
|
import BpkImage, {
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
import React from 'react';
|
|
22
22
|
import PropTypes from 'prop-types';
|
|
23
23
|
import { action } from 'bpk-storybook-utils';
|
|
24
|
-
import BpkButton from '
|
|
25
|
-
import { BpkList, BpkListItem } from '
|
|
26
|
-
import { BpkSpinner, SPINNER_TYPES } from '
|
|
24
|
+
import BpkButton from '../bpk-component-button';
|
|
25
|
+
import { BpkList, BpkListItem } from '../bpk-component-list';
|
|
26
|
+
import { BpkSpinner, SPINNER_TYPES } from '../bpk-component-spinner';
|
|
27
27
|
import { cssModules } from '../bpk-react-utils';
|
|
28
28
|
|
|
29
29
|
import STYLES from './examples.module.scss';
|
|
@@ -21,8 +21,8 @@ import React, { Component } from 'react';
|
|
|
21
21
|
import PropTypes from 'prop-types';
|
|
22
22
|
import { cssModules } from '../bpk-react-utils';
|
|
23
23
|
import { action } from 'bpk-storybook-utils';
|
|
24
|
-
import BpkLabel from '
|
|
25
|
-
import BpkBannerAlert, { ALERT_TYPES } from '
|
|
24
|
+
import BpkLabel from '../bpk-component-label';
|
|
25
|
+
import BpkBannerAlert, { ALERT_TYPES } from '../bpk-component-banner-alert';
|
|
26
26
|
|
|
27
27
|
import STYLES from './examples.module.scss';
|
|
28
28
|
|
|
@@ -24,9 +24,9 @@ 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
|
|
|
@@ -20,12 +20,12 @@
|
|
|
20
20
|
import React, { Component, type Node } from 'react';
|
|
21
21
|
import PropTypes from 'prop-types';
|
|
22
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 '
|
|
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,
|
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
import PropTypes from 'prop-types';
|
|
22
22
|
import React, { type Node, Component, type Element } from 'react';
|
|
23
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 '
|
|
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,
|
|
@@ -20,9 +20,9 @@
|
|
|
20
20
|
|
|
21
21
|
import React from 'react';
|
|
22
22
|
import { action } from 'bpk-storybook-utils';
|
|
23
|
-
import { withRtlSupport } from '
|
|
24
|
-
import ArrowIcon from '
|
|
25
|
-
import CloseIcon from '
|
|
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
26
|
import { cssModules } from '../bpk-react-utils';
|
|
27
27
|
|
|
28
28
|
import STYLES from './examples.module.scss';
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
import React from 'react';
|
|
22
22
|
import { cssModules } from '../bpk-react-utils';
|
|
23
|
-
import { updateOnDirectionChange } from '
|
|
23
|
+
import { updateOnDirectionChange } from '../bpk-component-rtl-toggle';
|
|
24
24
|
|
|
25
25
|
import STYLES from './examples.module.scss';
|
|
26
26
|
import {
|
|
@@ -20,17 +20,17 @@
|
|
|
20
20
|
|
|
21
21
|
import BpkNavigationBar, {
|
|
22
22
|
BpkNavigationBarIconButton,
|
|
23
|
-
} from '
|
|
24
|
-
import BpkButton from '
|
|
23
|
+
} from '../bpk-component-navigation-bar';
|
|
24
|
+
import BpkButton from '../bpk-component-button';
|
|
25
25
|
import { cssModules } from '../bpk-react-utils';
|
|
26
|
-
import { withRtlSupport } from '
|
|
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
|
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
import React, { Component } from 'react';
|
|
22
22
|
import { action, BpkDarkExampleWrapper } from 'bpk-storybook-utils';
|
|
23
|
-
import BpkLabel from '
|
|
23
|
+
import BpkLabel from '../bpk-component-label';
|
|
24
24
|
import { cssModules } from '../bpk-react-utils';
|
|
25
25
|
|
|
26
26
|
import STYLES from './BpkNudgerStory.module.scss';
|
|
@@ -19,12 +19,12 @@
|
|
|
19
19
|
|
|
20
20
|
import React from 'react';
|
|
21
21
|
import { cssModules } from '../bpk-react-utils';
|
|
22
|
-
import BpkText, { TEXT_STYLES } from '
|
|
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
|
|
|
@@ -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
|
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
import PropTypes from 'prop-types';
|
|
22
22
|
import React, { Component, type Node } from 'react';
|
|
23
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 '
|
|
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
|
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
/* @flow strict */
|
|
20
20
|
|
|
21
21
|
import React, { Component } from 'react';
|
|
22
|
-
import BpkButton from '
|
|
22
|
+
import BpkButton from '../bpk-component-button';
|
|
23
23
|
import { cssModules } from '../bpk-react-utils';
|
|
24
24
|
|
|
25
25
|
import STYLES from './examples.module.scss';
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
*/
|
|
18
18
|
/* @flow strict */
|
|
19
19
|
|
|
20
|
-
import { CALENDAR_SELECTION_TYPE } from '
|
|
20
|
+
import { CALENDAR_SELECTION_TYPE } from '../bpk-component-calendar';
|
|
21
21
|
|
|
22
22
|
import BpkScrollableCalendar from './src/BpkScrollableCalendar';
|
|
23
23
|
import BpkScrollableCalendarDate from './src/BpkScrollableCalendarDate';
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
import PropTypes from 'prop-types';
|
|
20
20
|
import React, { Component } from 'react';
|
|
21
|
-
import { updateOnDirectionChange } from '
|
|
21
|
+
import { updateOnDirectionChange } from '../bpk-component-rtl-toggle';
|
|
22
22
|
|
|
23
23
|
import BpkSlider from './index';
|
|
24
24
|
|
|
@@ -27,7 +27,7 @@ import {
|
|
|
27
27
|
BpkTableCell,
|
|
28
28
|
BpkTableHead,
|
|
29
29
|
BpkTableHeadCell,
|
|
30
|
-
} from '
|
|
30
|
+
} from '../bpk-component-table';
|
|
31
31
|
|
|
32
32
|
import BpkInteractiveStarRating from './src/BpkInteractiveStarRating';
|
|
33
33
|
import withInteractiveStarRatingState from './src/withInteractiveStarRatingState';
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
import PropTypes from 'prop-types';
|
|
22
22
|
import React from 'react';
|
|
23
23
|
import { cssModules } from '../bpk-react-utils';
|
|
24
|
-
import BpkButton from '
|
|
25
|
-
import ArrowRightIcon from '
|
|
26
|
-
import { withButtonAlignment, withRtlSupport } from '
|
|
24
|
+
import BpkButton from '../bpk-component-button';
|
|
25
|
+
import ArrowRightIcon from '../bpk-component-icon/sm/long-arrow-right';
|
|
26
|
+
import { withButtonAlignment, withRtlSupport } from '../bpk-component-icon';
|
|
27
27
|
|
|
28
28
|
import STYLES from './examples.module.scss';
|
|
29
29
|
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
import React from 'react';
|
|
22
22
|
import { withDefaultProps } from '../bpk-react-utils';
|
|
23
|
-
import BpkText, { TEXT_STYLES } from '
|
|
23
|
+
import BpkText, { TEXT_STYLES } from '../bpk-component-text';
|
|
24
24
|
import {
|
|
25
25
|
spacingSm,
|
|
26
26
|
colorMonteverde,
|