@skyscanner/backpack-web 7.0.0 → 8.0.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/bpk-animate-height/package.json +3 -3
- package/bpk-component-accordion/package.json +8 -8
- package/bpk-component-aria-live/package.json +8 -8
- package/bpk-component-autosuggest/package.json +5 -5
- package/bpk-component-badge/package.json +6 -6
- package/bpk-component-banner-alert/package.json +10 -10
- package/bpk-component-barchart/package.json +9 -9
- package/bpk-component-blockquote/package.json +3 -3
- package/bpk-component-breadcrumb/package.json +6 -6
- package/bpk-component-breakpoint/package.json +4 -4
- package/bpk-component-button/package.json +3 -3
- package/bpk-component-calendar/package.json +10 -10
- package/bpk-component-card/package.json +5 -5
- package/bpk-component-checkbox/package.json +6 -6
- package/bpk-component-chip/package.json +6 -6
- package/bpk-component-close-button/package.json +5 -5
- package/bpk-component-code/package.json +3 -3
- package/bpk-component-content-container/package.json +3 -3
- package/bpk-component-datatable/package.json +5 -5
- package/bpk-component-datepicker/README.md +4 -0
- package/bpk-component-datepicker/package.json +10 -10
- package/bpk-component-datepicker/src/BpkDatepicker.js +18 -13
- package/bpk-component-datepicker/src/BpkDatepicker.module.scss +5 -0
- package/bpk-component-description-list/package.json +3 -3
- package/bpk-component-dialog/package.json +9 -9
- package/bpk-component-drawer/package.json +10 -10
- package/bpk-component-fieldset/package.json +13 -13
- package/bpk-component-flare/package.json +5 -5
- package/bpk-component-floating-notification/package.json +6 -6
- package/bpk-component-form-validation/package.json +11 -11
- package/bpk-component-graphic-promotion/package.json +5 -5
- package/bpk-component-graphic-promotion/src/BpkGraphicPromo.module.scss +55 -48
- package/bpk-component-grid/package.json +3 -3
- package/bpk-component-grid-toggle/package.json +4 -4
- package/bpk-component-horizontal-nav/package.json +7 -7
- package/bpk-component-icon/lg/account-circle.js +1 -1
- package/bpk-component-icon/lg/center-location.js +1 -1
- package/bpk-component-icon/lg/face-id.js +1 -1
- package/bpk-component-icon/lg/fingerprint.js +1 -1
- package/bpk-component-icon/lg/menu.js +1 -1
- package/bpk-component-icon/lg/search.js +1 -1
- package/bpk-component-icon/package.json +8 -8
- package/bpk-component-icon/sm/account-circle.js +1 -1
- package/bpk-component-icon/sm/center-location.js +8 -0
- package/bpk-component-icon/sm/face-id.js +8 -0
- package/bpk-component-icon/sm/fingerprint.js +8 -0
- package/bpk-component-icon/sm/menu.js +1 -1
- package/bpk-component-icon/sm/search.js +1 -1
- package/bpk-component-image/package.json +7 -7
- package/bpk-component-infinite-scroll/package.json +7 -7
- package/bpk-component-input/package.json +7 -7
- package/bpk-component-label/package.json +3 -3
- package/bpk-component-link/package.json +5 -5
- package/bpk-component-list/package.json +3 -3
- package/bpk-component-loading-button/package.json +7 -7
- package/bpk-component-map/package.json +7 -7
- package/bpk-component-mobile-scroll-container/package.json +4 -4
- package/bpk-component-modal/package.json +10 -10
- package/bpk-component-navigation-bar/package.json +9 -9
- package/bpk-component-navigation-stack/package.json +8 -8
- package/bpk-component-nudger/package.json +8 -8
- package/bpk-component-overlay/package.json +5 -5
- package/bpk-component-pagination/package.json +5 -5
- package/bpk-component-panel/package.json +3 -3
- package/bpk-component-phone-input/package.json +10 -10
- package/bpk-component-popover/README.md +15 -3
- package/bpk-component-popover/package.json +9 -9
- package/bpk-component-popover/src/BpkPopoverPortal.js +4 -12
- package/bpk-component-price/package.json +4 -4
- package/bpk-component-progress/package.json +6 -6
- package/bpk-component-radio/package.json +5 -5
- package/bpk-component-rating/package.json +5 -5
- package/bpk-component-rtl-toggle/package.json +3 -3
- package/bpk-component-scrollable-calendar/package.json +7 -7
- package/bpk-component-section-list/package.json +7 -7
- package/bpk-component-select/package.json +4 -4
- package/bpk-component-skip-link/package.json +3 -3
- package/bpk-component-slider/package.json +5 -5
- package/bpk-component-spinner/package.json +4 -4
- package/bpk-component-split-input/package.json +4 -4
- package/bpk-component-star-rating/package.json +6 -6
- package/bpk-component-switch/package.json +3 -3
- package/bpk-component-table/package.json +3 -3
- package/bpk-component-text/package.json +3 -3
- package/bpk-component-textarea/package.json +5 -5
- package/bpk-component-theme-toggle/package.json +6 -6
- package/bpk-component-ticket/package.json +5 -5
- package/bpk-component-tooltip/README.md +12 -1
- package/bpk-component-tooltip/package.json +5 -5
- package/bpk-component-tooltip/src/BpkTooltip.module.scss +4 -0
- package/bpk-component-tooltip/src/BpkTooltipPortal.js +26 -23
- package/bpk-react-utils/package.json +1 -1
- package/bpk-react-utils/src/Portal.js +1 -1
- package/bpk-scrim-utils/package.json +3 -3
- package/bpk-theming/package.json +2 -2
- package/package.json +4 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-description-list",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.2",
|
|
4
4
|
"description": "Backpack description list component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"bpk-mixins": "^31.1.
|
|
18
|
-
"bpk-react-utils": "^6.0.
|
|
17
|
+
"bpk-mixins": "^31.1.6",
|
|
18
|
+
"bpk-react-utils": "^6.0.1",
|
|
19
19
|
"prop-types": "^15.7.2"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-dialog",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.2",
|
|
4
4
|
"description": "Backpack dialog component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,19 +14,19 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"bpk-component-close-button": "^3.1.
|
|
18
|
-
"bpk-component-flare": "^2.1.
|
|
19
|
-
"bpk-mixins": "^31.1.
|
|
20
|
-
"bpk-react-utils": "^6.0.
|
|
21
|
-
"bpk-scrim-utils": "^5.1.
|
|
17
|
+
"bpk-component-close-button": "^3.1.15",
|
|
18
|
+
"bpk-component-flare": "^2.1.17",
|
|
19
|
+
"bpk-mixins": "^31.1.6",
|
|
20
|
+
"bpk-react-utils": "^6.0.1",
|
|
21
|
+
"bpk-scrim-utils": "^5.1.13",
|
|
22
22
|
"prop-types": "^15.7.2"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"react": "^16.3.0 || ^17.0.0"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"bpk-component-button": "^6.2.
|
|
29
|
-
"bpk-component-icon": "^9.2.
|
|
30
|
-
"bpk-component-text": "^7.0.
|
|
28
|
+
"bpk-component-button": "^6.2.9",
|
|
29
|
+
"bpk-component-icon": "^9.2.15",
|
|
30
|
+
"bpk-component-text": "^7.0.8"
|
|
31
31
|
}
|
|
32
32
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-drawer",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.2",
|
|
4
4
|
"description": "Backpack drawer component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,13 +14,13 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@skyscanner/bpk-foundations-web": "^8.
|
|
18
|
-
"bpk-component-close-button": "^3.1.
|
|
19
|
-
"bpk-component-icon": "^9.2.
|
|
20
|
-
"bpk-component-link": "^3.1.
|
|
21
|
-
"bpk-mixins": "^31.1.
|
|
22
|
-
"bpk-react-utils": "^6.0.
|
|
23
|
-
"bpk-scrim-utils": "^5.1.
|
|
17
|
+
"@skyscanner/bpk-foundations-web": "^8.2.1",
|
|
18
|
+
"bpk-component-close-button": "^3.1.15",
|
|
19
|
+
"bpk-component-icon": "^9.2.15",
|
|
20
|
+
"bpk-component-link": "^3.1.14",
|
|
21
|
+
"bpk-mixins": "^31.1.6",
|
|
22
|
+
"bpk-react-utils": "^6.0.1",
|
|
23
|
+
"bpk-scrim-utils": "^5.1.13",
|
|
24
24
|
"prop-types": "^15.7.2",
|
|
25
25
|
"react-transition-group": "^2.5.3"
|
|
26
26
|
},
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"react": "^16.3.0 || ^17.0.0"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"bpk-component-button": "^6.2.
|
|
32
|
-
"bpk-component-text": "^7.0.
|
|
31
|
+
"bpk-component-button": "^6.2.9",
|
|
32
|
+
"bpk-component-text": "^7.0.8"
|
|
33
33
|
}
|
|
34
34
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-fieldset",
|
|
3
|
-
"version": "4.1.
|
|
3
|
+
"version": "4.1.23",
|
|
4
4
|
"description": "Backpack fieldset component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,23 +14,23 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"bpk-component-form-validation": "^4.2.
|
|
18
|
-
"bpk-component-label": "^5.1.
|
|
19
|
-
"bpk-mixins": "^31.1.
|
|
20
|
-
"bpk-react-utils": "^6.0.
|
|
17
|
+
"bpk-component-form-validation": "^4.2.20",
|
|
18
|
+
"bpk-component-label": "^5.1.14",
|
|
19
|
+
"bpk-mixins": "^31.1.6",
|
|
20
|
+
"bpk-react-utils": "^6.0.1",
|
|
21
21
|
"prop-types": "^15.7.2"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
24
|
"react": "^16.3.0 || ^17.0.0"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"bpk-component-autosuggest": "^6.1.
|
|
28
|
-
"bpk-component-button": "^6.2.
|
|
29
|
-
"bpk-component-calendar": "^11.2.
|
|
30
|
-
"bpk-component-checkbox": "^4.1.
|
|
31
|
-
"bpk-component-datepicker": "^
|
|
32
|
-
"bpk-component-input": "^6.1.
|
|
33
|
-
"bpk-component-select": "^5.1.
|
|
34
|
-
"bpk-component-textarea": "^4.2.
|
|
27
|
+
"bpk-component-autosuggest": "^6.1.20",
|
|
28
|
+
"bpk-component-button": "^6.2.9",
|
|
29
|
+
"bpk-component-calendar": "^11.2.3",
|
|
30
|
+
"bpk-component-checkbox": "^4.1.16",
|
|
31
|
+
"bpk-component-datepicker": "^17.0.1",
|
|
32
|
+
"bpk-component-input": "^6.1.20",
|
|
33
|
+
"bpk-component-select": "^5.1.14",
|
|
34
|
+
"bpk-component-textarea": "^4.2.14"
|
|
35
35
|
}
|
|
36
36
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-flare",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.17",
|
|
4
4
|
"description": "Backpack FlareBar and ContentBubble component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -17,10 +17,10 @@
|
|
|
17
17
|
},
|
|
18
18
|
"gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"bpk-component-label": "^5.1.
|
|
21
|
-
"bpk-component-text": "^7.0.
|
|
22
|
-
"bpk-mixins": "^31.1.
|
|
23
|
-
"bpk-react-utils": "^6.0.
|
|
20
|
+
"bpk-component-label": "^5.1.14",
|
|
21
|
+
"bpk-component-text": "^7.0.8",
|
|
22
|
+
"bpk-mixins": "^31.1.6",
|
|
23
|
+
"bpk-react-utils": "^6.0.1",
|
|
24
24
|
"prop-types": "^15.7.2"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-floating-notification",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.3",
|
|
4
4
|
"description": "Backpack floating-notification component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
"registry": "https://registry.npmjs.org/"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"bpk-component-aria-live": "^2.1.
|
|
17
|
-
"bpk-component-button": "^6.2.
|
|
18
|
-
"bpk-component-text": "^7.0.
|
|
19
|
-
"bpk-mixins": "^31.1.
|
|
20
|
-
"bpk-react-utils": "^6.0.
|
|
16
|
+
"bpk-component-aria-live": "^2.1.23",
|
|
17
|
+
"bpk-component-button": "^6.2.9",
|
|
18
|
+
"bpk-component-text": "^7.0.8",
|
|
19
|
+
"bpk-mixins": "^31.1.6",
|
|
20
|
+
"bpk-react-utils": "^6.0.1",
|
|
21
21
|
"prop-types": "^15.5.8"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-form-validation",
|
|
3
|
-
"version": "4.2.
|
|
3
|
+
"version": "4.2.20",
|
|
4
4
|
"description": "Backpack form-validation component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,21 +14,21 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"bpk-animate-height": "^4.1.
|
|
18
|
-
"bpk-mixins": "^31.1.
|
|
19
|
-
"bpk-react-utils": "^6.0.
|
|
17
|
+
"bpk-animate-height": "^4.1.14",
|
|
18
|
+
"bpk-mixins": "^31.1.6",
|
|
19
|
+
"bpk-react-utils": "^6.0.1",
|
|
20
20
|
"prop-types": "^15.7.2"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
23
|
"react": "^16.3.0 || ^17.0.0"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@skyscanner/bpk-foundations-web": "^8.
|
|
27
|
-
"bpk-component-button": "^6.2.
|
|
28
|
-
"bpk-component-checkbox": "^4.1.
|
|
29
|
-
"bpk-component-icon": "^9.2.
|
|
30
|
-
"bpk-component-input": "^6.1.
|
|
31
|
-
"bpk-component-select": "^5.1.
|
|
32
|
-
"bpk-component-textarea": "^4.2.
|
|
26
|
+
"@skyscanner/bpk-foundations-web": "^8.2.1",
|
|
27
|
+
"bpk-component-button": "^6.2.9",
|
|
28
|
+
"bpk-component-checkbox": "^4.1.16",
|
|
29
|
+
"bpk-component-icon": "^9.2.15",
|
|
30
|
+
"bpk-component-input": "^6.1.20",
|
|
31
|
+
"bpk-component-select": "^5.1.14",
|
|
32
|
+
"bpk-component-textarea": "^4.2.14"
|
|
33
33
|
}
|
|
34
34
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-graphic-promotion",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.1.2",
|
|
4
4
|
"description": "Backpack graphic-promotion component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
"registry": "https://registry.npmjs.org/"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"bpk-component-button": "^6.2.
|
|
17
|
-
"bpk-component-text": "^7.0.
|
|
18
|
-
"bpk-mixins": "^31.1.
|
|
19
|
-
"bpk-react-utils": "^6.0.
|
|
16
|
+
"bpk-component-button": "^6.2.9",
|
|
17
|
+
"bpk-component-text": "^7.0.8",
|
|
18
|
+
"bpk-mixins": "^31.1.6",
|
|
19
|
+
"bpk-react-utils": "^6.0.1",
|
|
20
20
|
"prop-types": "^15.5.8"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
@@ -31,12 +31,48 @@
|
|
|
31
31
|
height: 100%;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
+
@mixin content-alignment {
|
|
35
|
+
&--start {
|
|
36
|
+
align-items: start;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&--center {
|
|
40
|
+
align-items: center;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&--end {
|
|
44
|
+
align-items: end;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
@mixin text-alignment {
|
|
49
|
+
&--start {
|
|
50
|
+
align-items: start;
|
|
51
|
+
text-align: start;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
&--center {
|
|
55
|
+
align-items: center;
|
|
56
|
+
text-align: center;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
&--end {
|
|
60
|
+
align-items: start;
|
|
61
|
+
text-align: start;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
@mixin reset-alignment {
|
|
66
|
+
align-items: start;
|
|
67
|
+
text-align: start;
|
|
68
|
+
}
|
|
69
|
+
|
|
34
70
|
.bpk-card {
|
|
35
71
|
@include bpk-card;
|
|
36
72
|
}
|
|
37
73
|
|
|
38
74
|
.bpk-graphic-promo {
|
|
39
|
-
max-width:
|
|
75
|
+
max-width: 76.5rem;
|
|
40
76
|
margin-right: auto;
|
|
41
77
|
margin-left: auto;
|
|
42
78
|
background-color: $bpk-color-sky-blue;
|
|
@@ -59,6 +95,8 @@
|
|
|
59
95
|
flex-direction: column;
|
|
60
96
|
justify-content: center;
|
|
61
97
|
|
|
98
|
+
@include content-alignment;
|
|
99
|
+
|
|
62
100
|
@include bpk-breakpoint-above-tablet {
|
|
63
101
|
height: 28.75rem;
|
|
64
102
|
|
|
@@ -86,8 +124,8 @@
|
|
|
86
124
|
@include bpk-breakpoint-small-tablet {
|
|
87
125
|
padding: bpk-spacing-xl();
|
|
88
126
|
justify-content: space-between;
|
|
89
|
-
align-items: initial;
|
|
90
127
|
|
|
128
|
+
@include reset-alignment;
|
|
91
129
|
@include bpk-margin-leading(0);
|
|
92
130
|
@include fill-parent;
|
|
93
131
|
|
|
@@ -103,24 +141,16 @@
|
|
|
103
141
|
@include bpk-breakpoint-small-mobile {
|
|
104
142
|
padding: bpk-spacing-lg();
|
|
105
143
|
}
|
|
106
|
-
|
|
107
|
-
&--start {
|
|
108
|
-
align-items: start;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
&--center {
|
|
112
|
-
align-items: center;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
&--end {
|
|
116
|
-
align-items: end;
|
|
117
|
-
}
|
|
118
144
|
}
|
|
119
145
|
|
|
120
146
|
&__tagline {
|
|
121
147
|
margin-bottom: bpk-spacing-md();
|
|
122
148
|
|
|
123
|
-
@include bpk-
|
|
149
|
+
@include bpk-heading-5;
|
|
150
|
+
|
|
151
|
+
@include bpk-breakpoint-tablet {
|
|
152
|
+
@include bpk-label-1;
|
|
153
|
+
}
|
|
124
154
|
|
|
125
155
|
@include bpk-breakpoint-small-tablet {
|
|
126
156
|
@include bpk-subheading;
|
|
@@ -150,15 +180,9 @@
|
|
|
150
180
|
|
|
151
181
|
@include bpk-breakpoint-small-tablet {
|
|
152
182
|
margin-bottom: bpk-spacing-md();
|
|
153
|
-
|
|
154
|
-
@include bpk-heading-1;
|
|
155
183
|
}
|
|
156
184
|
|
|
157
185
|
@include bpk-breakpoint-mobile {
|
|
158
|
-
@include bpk-hero-5;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
@include bpk-breakpoint-small-mobile {
|
|
162
186
|
@include bpk-heading-2;
|
|
163
187
|
}
|
|
164
188
|
}
|
|
@@ -166,16 +190,16 @@
|
|
|
166
190
|
&__subheading {
|
|
167
191
|
@include bpk-body-default;
|
|
168
192
|
|
|
169
|
-
@include bpk-breakpoint-
|
|
170
|
-
@include bpk-
|
|
193
|
+
@include bpk-breakpoint-tablet {
|
|
194
|
+
@include bpk-heading-5;
|
|
171
195
|
}
|
|
172
196
|
|
|
173
|
-
@include bpk-breakpoint-
|
|
174
|
-
@include bpk-
|
|
197
|
+
@include bpk-breakpoint-small-tablet {
|
|
198
|
+
@include bpk-heading-3;
|
|
175
199
|
}
|
|
176
200
|
|
|
177
|
-
@include bpk-breakpoint-
|
|
178
|
-
@include bpk-
|
|
201
|
+
@include bpk-breakpoint-mobile {
|
|
202
|
+
@include bpk-heading-5;
|
|
179
203
|
}
|
|
180
204
|
}
|
|
181
205
|
|
|
@@ -184,6 +208,8 @@
|
|
|
184
208
|
display: flex;
|
|
185
209
|
flex-direction: column;
|
|
186
210
|
|
|
211
|
+
@include text-alignment;
|
|
212
|
+
|
|
187
213
|
@include bpk-breakpoint-above-tablet {
|
|
188
214
|
width: 22.5rem;
|
|
189
215
|
}
|
|
@@ -194,29 +220,14 @@
|
|
|
194
220
|
|
|
195
221
|
@include bpk-breakpoint-small-tablet {
|
|
196
222
|
width: initial;
|
|
197
|
-
align-items: initial;
|
|
198
|
-
text-align: initial;
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
&--start {
|
|
202
|
-
align-items: start;
|
|
203
|
-
text-align: start;
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
&--center {
|
|
207
|
-
align-items: center;
|
|
208
|
-
text-align: center;
|
|
209
|
-
}
|
|
210
223
|
|
|
211
|
-
|
|
212
|
-
align-items: end;
|
|
213
|
-
text-align: end;
|
|
224
|
+
@include reset-alignment;
|
|
214
225
|
}
|
|
215
226
|
}
|
|
216
227
|
|
|
217
228
|
&__sponsor-content {
|
|
218
229
|
display: flex;
|
|
219
|
-
margin-bottom: bpk-spacing-
|
|
230
|
+
margin-bottom: bpk-spacing-base();
|
|
220
231
|
flex-direction: column;
|
|
221
232
|
|
|
222
233
|
@include bpk-breakpoint-small-tablet {
|
|
@@ -232,10 +243,6 @@
|
|
|
232
243
|
@include bpk-breakpoint-small-tablet {
|
|
233
244
|
margin-bottom: bpk-spacing-md();
|
|
234
245
|
|
|
235
|
-
@include bpk-heading-4;
|
|
236
|
-
}
|
|
237
|
-
|
|
238
|
-
@include bpk-breakpoint-mobile {
|
|
239
246
|
@include bpk-heading-3;
|
|
240
247
|
}
|
|
241
248
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-grid",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.14",
|
|
4
4
|
"description": "Backpack grid components.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"bpk-mixins": "^31.1.
|
|
18
|
-
"bpk-react-utils": "^6.0.
|
|
17
|
+
"bpk-mixins": "^31.1.6",
|
|
18
|
+
"bpk-react-utils": "^6.0.1",
|
|
19
19
|
"prop-types": "^15.7.2"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-grid-toggle",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.14",
|
|
4
4
|
"description": "Backpack vertical grid toggle component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"bpk-component-link": "^3.1.
|
|
18
|
-
"bpk-mixins": "^31.1.
|
|
19
|
-
"bpk-react-utils": "^6.0.
|
|
17
|
+
"bpk-component-link": "^3.1.14",
|
|
18
|
+
"bpk-mixins": "^31.1.6",
|
|
19
|
+
"bpk-react-utils": "^6.0.1",
|
|
20
20
|
"prop-types": "^15.7.2"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-horizontal-nav",
|
|
3
|
-
"version": "5.1.
|
|
3
|
+
"version": "5.1.16",
|
|
4
4
|
"description": "Backpack horizontal nav component.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -14,17 +14,17 @@
|
|
|
14
14
|
},
|
|
15
15
|
"gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"bpk-component-mobile-scroll-container": "^3.1.
|
|
18
|
-
"bpk-mixins": "^31.1.
|
|
19
|
-
"bpk-react-utils": "^6.0.
|
|
17
|
+
"bpk-component-mobile-scroll-container": "^3.1.14",
|
|
18
|
+
"bpk-mixins": "^31.1.6",
|
|
19
|
+
"bpk-react-utils": "^6.0.1",
|
|
20
20
|
"prop-types": "^15.7.2"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
23
|
"react": "^16.3.0 || ^17.0.0"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@skyscanner/bpk-foundations-web": "^8.
|
|
27
|
-
"bpk-component-text": "^7.0.
|
|
28
|
-
"bpk-storybook-utils": "^1.1.
|
|
26
|
+
"@skyscanner/bpk-foundations-web": "^8.2.1",
|
|
27
|
+
"bpk-component-text": "^7.0.8",
|
|
28
|
+
"bpk-storybook-utils": "^1.1.13"
|
|
29
29
|
}
|
|
30
30
|
}
|
|
@@ -5,4 +5,4 @@ export default (({
|
|
|
5
5
|
}) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
|
|
6
6
|
width: "1.5rem",
|
|
7
7
|
height: "1.5rem"
|
|
8
|
-
}} {...props}><path d="
|
|
8
|
+
}} {...props}><path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zM6.21 15.975A7.037 7.037 0 0 0 12 19a7.037 7.037 0 0 0 5.79-3.024c.427-.613.174-1.435-.5-1.762A12.06 12.06 0 0 0 12 13c-1.898 0-3.693.436-5.29 1.213-.673.327-.927 1.15-.5 1.762zM10.994 5C10.17 5 9.5 5.618 9.5 6.381v2.31C9.5 9.965 10.62 11 12 11s2.5-1.035 2.5-2.31V6.382C14.5 5.618 13.83 5 13.005 5h-2.01z" /></svg>);
|
|
@@ -5,4 +5,4 @@ export default (({
|
|
|
5
5
|
}) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
|
|
6
6
|
width: "1.5rem",
|
|
7
7
|
height: "1.5rem"
|
|
8
|
-
}} {...props}><path d="M6 4a2 2 0 0 0-2 2v2a1 1 0 0 1-2 0V6a4 4 0 0 1 4-4h2a1 1 0 0 1 0 2H6zm9-1a1 1 0 0 1 1-1h2a4 4 0 0 1 4 4v2a1 1 0 1 1-2 0V6a2 2 0 0 0-2-2h-2a1 1 0 0 1-1-
|
|
8
|
+
}} {...props}><path d="M6 4a2 2 0 0 0-2 2v2a1 1 0 0 1-2 0V6a4 4 0 0 1 4-4h2a1 1 0 0 1 0 2H6zm9-1a1 1 0 0 1 1-1h2a4 4 0 0 1 4 4v2a1 1 0 1 1-2 0V6a2 2 0 0 0-2-2h-2a1 1 0 0 1-1-1zM4 16v2a2 2 0 0 0 2 2h2a1 1 0 1 1 0 2H6a4 4 0 0 1-4-4v-2a1 1 0 1 1 2 0zm17-1a1 1 0 0 1 1 1v2a4 4 0 0 1-4 4h-2a1 1 0 1 1 0-2h2a2 2 0 0 0 2-2v-2a1 1 0 0 1 1-1zm-7.63-1.24a.545.545 0 0 0-.37.502V17a1 1 0 1 1-2 0v-2.738a.545.545 0 0 0-.37-.503A4.002 4.002 0 0 1 12 6a4 4 0 0 1 1.37 7.76z" /></svg>);
|
|
@@ -5,4 +5,4 @@ export default (({
|
|
|
5
5
|
}) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
|
|
6
6
|
width: "1.5rem",
|
|
7
7
|
height: "1.5rem"
|
|
8
|
-
}} {...props}><path d="M4
|
|
8
|
+
}} {...props}><path d="M4 6v2a1 1 0 0 1-2 0V6a4 4 0 0 1 4-4h2a1 1 0 0 1 0 2H6a2 2 0 0 0-2 2zm12-4h2a4 4 0 0 1 4 4v2a1 1 0 1 1-2 0V6a2 2 0 0 0-2-2h-2a1 1 0 1 1 0-2zM4 16v2a2 2 0 0 0 2 2h2a1 1 0 1 1 0 2H6a4 4 0 0 1-4-4v-2a1 1 0 1 1 2 0zm18 0v2a4 4 0 0 1-4 4h-2a1 1 0 1 1 0-2h2a2 2 0 0 0 2-2v-2a1 1 0 1 1 2 0zM7 8a1 1 0 0 1 2 0v2a1 1 0 1 1-2 0V8zm8 0a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0V8zm.555 8.866c-3.028 1.966-5.762.986-7.15-.028-.412-.3-.529-.92-.261-1.383.267-.463.817-.594 1.23-.293.981.717 2.987 1.469 5.293-.028.425-.276.968-.112 1.214.366.245.478.1 1.09-.326 1.366zM12 8.5a1 1 0 0 1 1 1v2.172a3 3 0 0 1-.879 2.12l-.414.415a1 1 0 0 1-1.414-1.414l.414-.414a1 1 0 0 0 .293-.707V9.5a1 1 0 0 1 1-1z" /></svg>);
|
|
@@ -5,4 +5,4 @@ export default (({
|
|
|
5
5
|
}) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
|
|
6
6
|
width: "1.5rem",
|
|
7
7
|
height: "1.5rem"
|
|
8
|
-
}} {...props}><path d="
|
|
8
|
+
}} {...props}><path d="M10.984 2.967a1 1 0 0 1-.804 1.164A8.003 8.003 0 0 0 3.63 12c0 .871-.172 1.704-.484 2.466a1 1 0 1 1-1.85-.759c.215-.525.334-1.1.334-1.707 0-4.905 3.531-8.984 8.19-9.836a1 1 0 0 1 1.164.803zm2.051.086a1 1 0 0 1 1.228-.703C18.508 3.506 21.63 7.387 21.63 12v.5a24.56 24.56 0 0 1-.674 5.733 1 1 0 1 1-1.945-.466 22.56 22.56 0 0 0 .62-5.267V12a8.004 8.004 0 0 0-5.894-7.72 1 1 0 0 1-.702-1.227zM11.63 7.5a4.502 4.502 0 0 0-4.193 2.864 1 1 0 0 1-1.863-.728 6.502 6.502 0 0 1 12.113 0 1 1 0 0 1-1.863.728A4.502 4.502 0 0 0 11.63 7.5zm0 3.5a1 1 0 0 0-1 1v.5c0 1.616-.284 3.168-.807 4.607a13.468 13.468 0 0 1-2.32 4.033 1 1 0 0 1-1.536-1.28 11.542 11.542 0 0 0 1.976-3.435c.445-1.224.687-2.545.687-3.925V12a3 3 0 1 1 6 0v.5a17.416 17.416 0 0 1-3.128 9.987 1 1 0 0 1-1.64-1.143 15.414 15.414 0 0 0 2.77-8.844V12a1 1 0 0 0-1.002-1zm-5.5 2.022a1 1 0 0 1 .754 1.196 9.973 9.973 0 0 1-2.207 4.345 1 1 0 1 1-1.509-1.314 7.973 7.973 0 0 0 1.766-3.473 1 1 0 0 1 1.196-.754zM17.149 13a1 1 0 0 1 .923 1.071 20.89 20.89 0 0 1-2.214 7.94 1 1 0 1 1-1.783-.907 18.894 18.894 0 0 0 2.003-7.18 1 1 0 0 1 1.07-.924z" /></svg>);
|
|
@@ -5,4 +5,4 @@ export default (({
|
|
|
5
5
|
}) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
|
|
6
6
|
width: "1.5rem",
|
|
7
7
|
height: "1.5rem"
|
|
8
|
-
}} {...props}><path d="M21
|
|
8
|
+
}} {...props}><path d="M21 7H3c-.6 0-1-.4-1-1s.4-1 1-1h18c.6 0 1 .4 1 1s-.4 1-1 1zm1 5c0 .6-.333 1-.833 1H2.833c-.5 0-.833-.4-.833-1s.333-1 .833-1h18.334c.5 0 .833.4.833 1zm-1.111 5c.667 0 1.111.4 1.111 1s-.444 1-1.111 1H3.11C2.444 19 2 18.6 2 18s.444-1 1.111-1H20.89z" /></svg>);
|
|
@@ -5,4 +5,4 @@ export default (({
|
|
|
5
5
|
}) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
|
|
6
6
|
width: "1.5rem",
|
|
7
7
|
height: "1.5rem"
|
|
8
|
-
}} {...props}><path d="
|
|
8
|
+
}} {...props}><path d="M10.5 4a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zM2 10.5a8.5 8.5 0 1 1 15.176 5.262l4.531 4.53a1 1 0 0 1-1.414 1.415l-4.531-4.531A8.5 8.5 0 0 1 2 10.5z" /></svg>);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpk-component-icon",
|
|
3
|
-
"version": "9.2.
|
|
3
|
+
"version": "9.2.15",
|
|
4
4
|
"description": "Backpack icon components.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -17,16 +17,16 @@
|
|
|
17
17
|
},
|
|
18
18
|
"gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@skyscanner/bpk-foundations-web": "^8.
|
|
21
|
-
"@skyscanner/bpk-svgs": "^14.
|
|
22
|
-
"bpk-mixins": "^31.1.
|
|
23
|
-
"bpk-react-utils": "^6.0.
|
|
20
|
+
"@skyscanner/bpk-foundations-web": "^8.2.1",
|
|
21
|
+
"@skyscanner/bpk-svgs": "^14.3.3",
|
|
22
|
+
"bpk-mixins": "^31.1.6",
|
|
23
|
+
"bpk-react-utils": "^6.0.1",
|
|
24
24
|
"prop-types": "^15.7.2"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"bpk-component-button": "^6.2.
|
|
28
|
-
"bpk-component-list": "^4.0.
|
|
29
|
-
"bpk-component-text": "^7.0.
|
|
27
|
+
"bpk-component-button": "^6.2.9",
|
|
28
|
+
"bpk-component-list": "^4.0.7",
|
|
29
|
+
"bpk-component-text": "^7.0.8"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"react": "^16.3.0 || ^17.0.0"
|
|
@@ -5,4 +5,4 @@ export default (({
|
|
|
5
5
|
}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" style={{
|
|
6
6
|
width: "1.125rem",
|
|
7
7
|
height: "1.125rem"
|
|
8
|
-
}} {...props}><path d="M12
|
|
8
|
+
}} {...props}><path d="M12 22.5C6.201 22.5 1.5 17.799 1.5 12S6.201 1.5 12 1.5 22.5 6.201 22.5 12 17.799 22.5 12 22.5zm2.25-15.869c0-.763-.603-1.381-1.345-1.381h-1.81c-.742 0-1.345.618-1.345 1.381v2.31c0 1.274 1.008 2.309 2.25 2.309s2.25-1.035 2.25-2.31V6.632zm-8.04 9.844A7.037 7.037 0 0 0 12 19.5a7.037 7.037 0 0 0 5.79-3.024c.427-.613.174-1.435-.5-1.762A12.06 12.06 0 0 0 12 13.5c-1.898 0-3.693.436-5.29 1.213-.673.327-.927 1.15-.5 1.762z" /></svg>);
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export default (({
|
|
3
|
+
styles = {},
|
|
4
|
+
...props
|
|
5
|
+
}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" style={{
|
|
6
|
+
width: "1.125rem",
|
|
7
|
+
height: "1.125rem"
|
|
8
|
+
}} {...props}><path d="M3 4.5v3a1.5 1.5 0 1 1-3 0v-3A4.5 4.5 0 0 1 4.5 0h3a1.5 1.5 0 1 1 0 3h-3A1.5 1.5 0 0 0 3 4.5zM16.5 0h3A4.5 4.5 0 0 1 24 4.5v3a1.5 1.5 0 0 1-3 0v-3A1.5 1.5 0 0 0 19.5 3h-3a1.5 1.5 0 0 1 0-3zM3 16.5v3A1.5 1.5 0 0 0 4.5 21h3a1.5 1.5 0 0 1 0 3h-3A4.5 4.5 0 0 1 0 19.5v-3a1.5 1.5 0 0 1 3 0zm21 0v3a4.5 4.5 0 0 1-4.5 4.5h-3a1.5 1.5 0 0 1 0-3h3a1.5 1.5 0 0 0 1.5-1.5v-3a1.5 1.5 0 0 1 3 0zm-7.5-6a4.502 4.502 0 0 1-3 4.244V18a1.5 1.5 0 0 1-3 0v-3.256A4.502 4.502 0 0 1 12 6a4.5 4.5 0 0 1 4.5 4.5z" /></svg>);
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export default (({
|
|
3
|
+
styles = {},
|
|
4
|
+
...props
|
|
5
|
+
}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" style={{
|
|
6
|
+
width: "1.125rem",
|
|
7
|
+
height: "1.125rem"
|
|
8
|
+
}} {...props}><path d="M6.3 15.599a1.5 1.5 0 0 1 2.1-.298A5.967 5.967 0 0 0 12 16.5a5.967 5.967 0 0 0 3.6-1.2 1.5 1.5 0 1 1 1.802 2.4A8.966 8.966 0 0 1 12 19.5a8.966 8.966 0 0 1-5.402-1.8 1.5 1.5 0 0 1-.298-2.101zM12 8.25a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-3 0v-3a1.5 1.5 0 0 1 1.5-1.5zM16.5 6A1.5 1.5 0 0 1 18 7.5V9a1.5 1.5 0 0 1-3 0V7.5A1.5 1.5 0 0 1 16.5 6zm-9 0A1.5 1.5 0 0 1 9 7.5V9a1.5 1.5 0 1 1-3 0V7.5A1.5 1.5 0 0 1 7.5 6zm-3-3A1.5 1.5 0 0 0 3 4.5v3a1.5 1.5 0 1 1-3 0v-3A4.5 4.5 0 0 1 4.5 0h3a1.5 1.5 0 1 1 0 3h-3zM15 1.5A1.5 1.5 0 0 1 16.5 0h3A4.5 4.5 0 0 1 24 4.5v3a1.5 1.5 0 0 1-3 0v-3A1.5 1.5 0 0 0 19.5 3h-3A1.5 1.5 0 0 1 15 1.5zM1.5 15A1.5 1.5 0 0 1 3 16.5v3A1.5 1.5 0 0 0 4.5 21h3a1.5 1.5 0 0 1 0 3h-3A4.5 4.5 0 0 1 0 19.5v-3A1.5 1.5 0 0 1 1.5 15zm21 0a1.5 1.5 0 0 1 1.5 1.5v3a4.5 4.5 0 0 1-4.5 4.5h-3a1.5 1.5 0 0 1 0-3h3a1.5 1.5 0 0 0 1.5-1.5v-3a1.5 1.5 0 0 1 1.5-1.5z" /></svg>);
|