@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.
Files changed (96) hide show
  1. package/bpk-animate-height/package.json +3 -3
  2. package/bpk-component-accordion/package.json +8 -8
  3. package/bpk-component-aria-live/package.json +8 -8
  4. package/bpk-component-autosuggest/package.json +5 -5
  5. package/bpk-component-badge/package.json +6 -6
  6. package/bpk-component-banner-alert/package.json +10 -10
  7. package/bpk-component-barchart/package.json +9 -9
  8. package/bpk-component-blockquote/package.json +3 -3
  9. package/bpk-component-breadcrumb/package.json +6 -6
  10. package/bpk-component-breakpoint/package.json +4 -4
  11. package/bpk-component-button/package.json +3 -3
  12. package/bpk-component-calendar/package.json +10 -10
  13. package/bpk-component-card/package.json +5 -5
  14. package/bpk-component-checkbox/package.json +6 -6
  15. package/bpk-component-chip/package.json +6 -6
  16. package/bpk-component-close-button/package.json +5 -5
  17. package/bpk-component-code/package.json +3 -3
  18. package/bpk-component-content-container/package.json +3 -3
  19. package/bpk-component-datatable/package.json +5 -5
  20. package/bpk-component-datepicker/README.md +4 -0
  21. package/bpk-component-datepicker/package.json +10 -10
  22. package/bpk-component-datepicker/src/BpkDatepicker.js +18 -13
  23. package/bpk-component-datepicker/src/BpkDatepicker.module.scss +5 -0
  24. package/bpk-component-description-list/package.json +3 -3
  25. package/bpk-component-dialog/package.json +9 -9
  26. package/bpk-component-drawer/package.json +10 -10
  27. package/bpk-component-fieldset/package.json +13 -13
  28. package/bpk-component-flare/package.json +5 -5
  29. package/bpk-component-floating-notification/package.json +6 -6
  30. package/bpk-component-form-validation/package.json +11 -11
  31. package/bpk-component-graphic-promotion/package.json +5 -5
  32. package/bpk-component-graphic-promotion/src/BpkGraphicPromo.module.scss +55 -48
  33. package/bpk-component-grid/package.json +3 -3
  34. package/bpk-component-grid-toggle/package.json +4 -4
  35. package/bpk-component-horizontal-nav/package.json +7 -7
  36. package/bpk-component-icon/lg/account-circle.js +1 -1
  37. package/bpk-component-icon/lg/center-location.js +1 -1
  38. package/bpk-component-icon/lg/face-id.js +1 -1
  39. package/bpk-component-icon/lg/fingerprint.js +1 -1
  40. package/bpk-component-icon/lg/menu.js +1 -1
  41. package/bpk-component-icon/lg/search.js +1 -1
  42. package/bpk-component-icon/package.json +8 -8
  43. package/bpk-component-icon/sm/account-circle.js +1 -1
  44. package/bpk-component-icon/sm/center-location.js +8 -0
  45. package/bpk-component-icon/sm/face-id.js +8 -0
  46. package/bpk-component-icon/sm/fingerprint.js +8 -0
  47. package/bpk-component-icon/sm/menu.js +1 -1
  48. package/bpk-component-icon/sm/search.js +1 -1
  49. package/bpk-component-image/package.json +7 -7
  50. package/bpk-component-infinite-scroll/package.json +7 -7
  51. package/bpk-component-input/package.json +7 -7
  52. package/bpk-component-label/package.json +3 -3
  53. package/bpk-component-link/package.json +5 -5
  54. package/bpk-component-list/package.json +3 -3
  55. package/bpk-component-loading-button/package.json +7 -7
  56. package/bpk-component-map/package.json +7 -7
  57. package/bpk-component-mobile-scroll-container/package.json +4 -4
  58. package/bpk-component-modal/package.json +10 -10
  59. package/bpk-component-navigation-bar/package.json +9 -9
  60. package/bpk-component-navigation-stack/package.json +8 -8
  61. package/bpk-component-nudger/package.json +8 -8
  62. package/bpk-component-overlay/package.json +5 -5
  63. package/bpk-component-pagination/package.json +5 -5
  64. package/bpk-component-panel/package.json +3 -3
  65. package/bpk-component-phone-input/package.json +10 -10
  66. package/bpk-component-popover/README.md +15 -3
  67. package/bpk-component-popover/package.json +9 -9
  68. package/bpk-component-popover/src/BpkPopoverPortal.js +4 -12
  69. package/bpk-component-price/package.json +4 -4
  70. package/bpk-component-progress/package.json +6 -6
  71. package/bpk-component-radio/package.json +5 -5
  72. package/bpk-component-rating/package.json +5 -5
  73. package/bpk-component-rtl-toggle/package.json +3 -3
  74. package/bpk-component-scrollable-calendar/package.json +7 -7
  75. package/bpk-component-section-list/package.json +7 -7
  76. package/bpk-component-select/package.json +4 -4
  77. package/bpk-component-skip-link/package.json +3 -3
  78. package/bpk-component-slider/package.json +5 -5
  79. package/bpk-component-spinner/package.json +4 -4
  80. package/bpk-component-split-input/package.json +4 -4
  81. package/bpk-component-star-rating/package.json +6 -6
  82. package/bpk-component-switch/package.json +3 -3
  83. package/bpk-component-table/package.json +3 -3
  84. package/bpk-component-text/package.json +3 -3
  85. package/bpk-component-textarea/package.json +5 -5
  86. package/bpk-component-theme-toggle/package.json +6 -6
  87. package/bpk-component-ticket/package.json +5 -5
  88. package/bpk-component-tooltip/README.md +12 -1
  89. package/bpk-component-tooltip/package.json +5 -5
  90. package/bpk-component-tooltip/src/BpkTooltip.module.scss +4 -0
  91. package/bpk-component-tooltip/src/BpkTooltipPortal.js +26 -23
  92. package/bpk-react-utils/package.json +1 -1
  93. package/bpk-react-utils/src/Portal.js +1 -1
  94. package/bpk-scrim-utils/package.json +3 -3
  95. package/bpk-theming/package.json +2 -2
  96. package/package.json +4 -4
package/bpk-component-icon/sm/fingerprint.js ADDED
@@ -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="M10.438 1.507a1.5 1.5 0 0 1-1.01 1.865A9.005 9.005 0 0 0 3 12v2.25a1.5 1.5 0 0 1-3 0V12C0 6.562 3.616 1.972 8.572.497a1.5 1.5 0 0 1 1.866 1.01zm3.124 0a1.5 1.5 0 0 1 1.866-1.01C20.384 1.972 24 6.562 24 12a22.45 22.45 0 0 1-1.478 8.036 1.5 1.5 0 1 1-2.802-1.072A19.452 19.452 0 0 0 21 12c0-4.075-2.71-7.52-6.428-8.628a1.5 1.5 0 0 1-1.01-1.865zM12 8.25A3.75 3.75 0 0 0 8.25 12c0 2.997-1.1 5.74-2.917 7.843a1.5 1.5 0 1 1-2.27-1.962A8.96 8.96 0 0 0 5.25 12a6.75 6.75 0 1 1 13.5 0c0 4.096-1.096 7.94-3.011 11.251a1.5 1.5 0 1 1-2.597-1.502A19.404 19.404 0 0 0 15.75 12 3.75 3.75 0 0 0 12 8.25zm0 2.25a1.5 1.5 0 0 1 1.5 1.5c0 4.03-1.384 7.742-3.702 10.68a1.5 1.5 0 1 1-2.355-1.86A14.183 14.183 0 0 0 10.5 12a1.5 1.5 0 0 1 1.5-1.5z" /></svg>);
package/bpk-component-icon/sm/menu.js CHANGED
@@ -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="M21 6H3a1.417 1.417 0 0 1-1.5-1.5A1.417 1.417 0 0 1 3 3h18a1.417 1.417 0 0 1 1.5 1.5A1.417 1.417 0 0 1 21 6zm-6 6c0-.9-.5-1.5-1.25-1.5h-11c-.75 0-1.25.6-1.25 1.5s.5 1.5 1.25 1.5h11c.75 0 1.25-.6 1.25-1.5zm5.833 6a1.508 1.508 0 1 1 0 3H3.167a1.508 1.508 0 1 1 0-3z" /></svg>);
8
+ }} {...props}><path d="M21 6H3c-.9 0-1.5-.6-1.5-1.5S2.1 3 3 3h18c.9 0 1.5.6 1.5 1.5S21.9 6 21 6zm1.5 6c0 .9-.5 1.5-1.25 1.5H2.75C2 13.5 1.5 12.9 1.5 12s.5-1.5 1.25-1.5h18.5c.75 0 1.25.6 1.25 1.5zm-1.667 6c1 0 1.667.6 1.667 1.5s-.667 1.5-1.667 1.5H3.167c-1 0-1.667-.6-1.667-1.5S2.167 18 3.167 18h17.666z" /></svg>);
package/bpk-component-icon/sm/search.js CHANGED
@@ -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="M10.517 1.517a9 9 0 1 0 9 9 9 9 0 0 0-9-9zm0 15a6 6 0 1 1 6-6 6 6 0 0 1-6 6zm11.457 5.526a1.62 1.62 0 0 1-2.221 0l-2.61-2.612c-.15-.15.242-.782.874-1.414.63-.632 1.265-1.024 1.414-.874l2.612 2.61a1.62 1.62 0 0 1-.069 2.29z" /></svg>);
8
+ }} {...props}><path d="M10.5 4.5a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm-9 6a9 9 0 1 1 16.336 5.215l4.225 4.224a1.5 1.5 0 0 1-2.122 2.122l-4.224-4.225A9 9 0 0 1 1.5 10.5z" /></svg>);
package/bpk-component-image/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-image",
3
- "version": "5.1.14",
3
+ "version": "5.1.16",
4
4
  "description": "Backpack image component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,10 +14,10 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "@skyscanner/bpk-foundations-web": "^8.0.0",
18
- "bpk-component-spinner": "^5.1.12",
19
- "bpk-mixins": "^31.1.1",
20
- "bpk-react-utils": "^6.0.0",
17
+ "@skyscanner/bpk-foundations-web": "^8.2.1",
18
+ "bpk-component-spinner": "^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
  "react-transition-group": "^2.5.3"
23
23
  },
@@ -25,7 +25,7 @@
25
25
  "react": "^16.3.0 || ^17.0.0"
26
26
  },
27
27
  "devDependencies": {
28
- "bpk-component-mobile-scroll-container": "^3.1.12",
29
- "bpk-component-text": "^7.0.6"
28
+ "bpk-component-mobile-scroll-container": "^3.1.14",
29
+ "bpk-component-text": "^7.0.8"
30
30
  }
31
31
  }
package/bpk-component-infinite-scroll/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-infinite-scroll",
3
- "version": "4.1.12",
3
+ "version": "4.1.14",
4
4
  "description": "Backpack infinite scroll 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.1",
18
- "bpk-react-utils": "^6.0.0",
17
+ "bpk-mixins": "^31.1.6",
18
+ "bpk-react-utils": "^6.0.1",
19
19
  "intersection-observer": "^0.7.0",
20
20
  "prop-types": "^15.7.2"
21
21
  },
@@ -23,9 +23,9 @@
23
23
  "react": "^16.3.0 || ^17.0.0"
24
24
  },
25
25
  "devDependencies": {
26
- "bpk-component-button": "^6.2.7",
27
- "bpk-component-list": "^4.0.5",
28
- "bpk-component-spinner": "^5.1.12",
29
- "bpk-storybook-utils": "^1.1.11"
26
+ "bpk-component-button": "^6.2.9",
27
+ "bpk-component-list": "^4.0.7",
28
+ "bpk-component-spinner": "^5.1.14",
29
+ "bpk-storybook-utils": "^1.1.13"
30
30
  }
31
31
  }
package/bpk-component-input/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-input",
3
- "version": "6.1.17",
3
+ "version": "6.1.20",
4
4
  "description": "Backpack input component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,17 +14,17 @@
14
14
  },
15
15
  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
16
16
  "dependencies": {
17
- "bpk-component-icon": "^9.2.13",
18
- "bpk-mixins": "^31.1.1",
19
- "bpk-react-utils": "^6.0.0",
17
+ "bpk-component-icon": "^9.2.15",
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
- "bpk-component-banner-alert": "^6.1.17",
27
- "bpk-component-label": "^5.1.12",
28
- "bpk-storybook-utils": "^1.1.11"
26
+ "bpk-component-banner-alert": "^6.1.20",
27
+ "bpk-component-label": "^5.1.14",
28
+ "bpk-storybook-utils": "^1.1.13"
29
29
  }
30
30
  }
package/bpk-component-label/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-label",
3
- "version": "5.1.12",
3
+ "version": "5.1.14",
4
4
  "description": "Backpack label 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.1",
18
- "bpk-react-utils": "^6.0.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": {
package/bpk-component-link/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-link",
3
- "version": "3.1.12",
3
+ "version": "3.1.14",
4
4
  "description": "Backpack link component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,15 +14,15 @@
14
14
  },
15
15
  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
16
16
  "dependencies": {
17
- "bpk-mixins": "^31.1.1",
18
- "bpk-react-utils": "^6.0.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": {
22
22
  "react": "^16.3.0 || ^17.0.0"
23
23
  },
24
24
  "devDependencies": {
25
- "@skyscanner/bpk-foundations-web": "^8.0.0",
26
- "bpk-storybook-utils": "^1.1.11"
25
+ "@skyscanner/bpk-foundations-web": "^8.2.1",
26
+ "bpk-storybook-utils": "^1.1.13"
27
27
  }
28
28
  }
package/bpk-component-list/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-list",
3
- "version": "4.0.5",
3
+ "version": "4.0.7",
4
4
  "description": "Backpack 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.1",
18
- "bpk-react-utils": "^6.0.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": {
package/bpk-component-loading-button/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-loading-button",
3
- "version": "6.1.7",
3
+ "version": "6.1.9",
4
4
  "description": "Backpack loading button component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,15 +14,15 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "bpk-component-button": "^6.2.7",
18
- "bpk-component-icon": "^9.2.13",
19
- "bpk-component-spinner": "^5.1.12",
20
- "bpk-mixins": "^31.1.1",
21
- "bpk-react-utils": "^6.0.0",
17
+ "bpk-component-button": "^6.2.9",
18
+ "bpk-component-icon": "^9.2.15",
19
+ "bpk-component-spinner": "^5.1.14",
20
+ "bpk-mixins": "^31.1.6",
21
+ "bpk-react-utils": "^6.0.1",
22
22
  "prop-types": "^15.7.2"
23
23
  },
24
24
  "devDependencies": {
25
- "bpk-storybook-utils": "^1.1.11"
25
+ "bpk-storybook-utils": "^1.1.13"
26
26
  },
27
27
  "peerDependencies": {
28
28
  "react": "^16.3.0 || ^17.0.0"
package/bpk-component-map/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-map",
3
- "version": "6.0.8",
3
+ "version": "6.0.10",
4
4
  "description": "Backpack map component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -15,18 +15,18 @@
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
17
  "@react-google-maps/api": "^2.8.1",
18
- "bpk-component-spinner": "^5.1.12",
19
- "bpk-mixins": "^31.1.1",
20
- "bpk-react-utils": "^6.0.0",
18
+ "bpk-component-spinner": "^5.1.14",
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": {
24
24
  "react": "^16.8.3 || ^17.0.0"
25
25
  },
26
26
  "devDependencies": {
27
- "bpk-component-icon": "^9.2.13",
28
- "bpk-component-text": "^7.0.6",
29
- "bpk-storybook-utils": "^1.1.11",
27
+ "bpk-component-icon": "^9.2.15",
28
+ "bpk-component-text": "^7.0.8",
29
+ "bpk-storybook-utils": "^1.1.13",
30
30
  "prop-types": "^15.5.8"
31
31
  }
32
32
  }
package/bpk-component-mobile-scroll-container/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-mobile-scroll-container",
3
- "version": "3.1.12",
3
+ "version": "3.1.14",
4
4
  "description": "Backpack mobile scroll container 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.1",
18
- "bpk-react-utils": "^6.0.0",
17
+ "bpk-mixins": "^31.1.6",
18
+ "bpk-react-utils": "^6.0.1",
19
19
  "lodash.debounce": "^4.0.8",
20
20
  "prop-types": "^15.7.2"
21
21
  },
@@ -23,6 +23,6 @@
23
23
  "react": "^16.3.0 || ^17.0.0"
24
24
  },
25
25
  "devDependencies": {
26
- "@skyscanner/bpk-foundations-web": "^8.0.0"
26
+ "@skyscanner/bpk-foundations-web": "^8.2.1"
27
27
  }
28
28
  }
package/bpk-component-modal/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-modal",
3
- "version": "5.0.0",
3
+ "version": "5.0.2",
4
4
  "description": "Backpack modal component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,20 +14,20 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "bpk-component-close-button": "^3.1.13",
18
- "bpk-component-icon": "^9.2.13",
19
- "bpk-component-link": "^3.1.12",
20
- "bpk-component-navigation-bar": "^3.1.14",
21
- "bpk-mixins": "^31.1.1",
22
- "bpk-react-utils": "^6.0.0",
23
- "bpk-scrim-utils": "^5.1.11",
17
+ "bpk-component-close-button": "^3.1.15",
18
+ "bpk-component-icon": "^9.2.15",
19
+ "bpk-component-link": "^3.1.14",
20
+ "bpk-component-navigation-bar": "^3.1.16",
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
  },
26
26
  "peerDependencies": {
27
27
  "react": "^16.3.0 || ^17.0.0"
28
28
  },
29
29
  "devDependencies": {
30
- "bpk-component-button": "^6.2.7",
31
- "bpk-component-text": "^7.0.6"
30
+ "bpk-component-button": "^6.2.9",
31
+ "bpk-component-text": "^7.0.8"
32
32
  }
33
33
  }
package/bpk-component-navigation-bar/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-navigation-bar",
3
- "version": "3.1.14",
3
+ "version": "3.1.16",
4
4
  "description": "Backpack nativation bar 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.13",
18
- "bpk-component-link": "^3.1.12",
19
- "bpk-component-text": "^7.0.6",
20
- "bpk-mixins": "^31.1.1",
21
- "bpk-react-utils": "^6.0.0",
17
+ "bpk-component-close-button": "^3.1.15",
18
+ "bpk-component-link": "^3.1.14",
19
+ "bpk-component-text": "^7.0.8",
20
+ "bpk-mixins": "^31.1.6",
21
+ "bpk-react-utils": "^6.0.1",
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
- "@skyscanner/bpk-foundations-web": "^8.0.0",
29
- "bpk-component-icon": "^9.2.13",
30
- "bpk-storybook-utils": "^1.1.11"
28
+ "@skyscanner/bpk-foundations-web": "^8.2.1",
29
+ "bpk-component-icon": "^9.2.15",
30
+ "bpk-storybook-utils": "^1.1.13"
31
31
  }
32
32
  }
package/bpk-component-navigation-stack/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-navigation-stack",
3
- "version": "3.2.0",
3
+ "version": "3.2.2",
4
4
  "description": "Backpack navigation stack component.",
5
5
  "license": "Apache-2.0",
6
6
  "private": true,
@@ -15,9 +15,9 @@
15
15
  },
16
16
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
17
17
  "dependencies": {
18
- "@skyscanner/bpk-foundations-web": "^8.0.0",
19
- "bpk-mixins": "^31.1.1",
20
- "bpk-react-utils": "^6.0.0",
18
+ "@skyscanner/bpk-foundations-web": "^8.2.1",
19
+ "bpk-mixins": "^31.1.6",
20
+ "bpk-react-utils": "^6.0.1",
21
21
  "prop-types": "^15.7.2",
22
22
  "react-transition-group": "^2.5.3"
23
23
  },
@@ -25,9 +25,9 @@
25
25
  "react": "^16.3.0 || ^17.0.0"
26
26
  },
27
27
  "devDependencies": {
28
- "bpk-component-button": "^6.2.7",
29
- "bpk-component-icon": "^9.2.13",
30
- "bpk-component-navigation-bar": "^3.1.14",
31
- "bpk-component-rtl-toggle": "^3.1.12"
28
+ "bpk-component-button": "^6.2.9",
29
+ "bpk-component-icon": "^9.2.15",
30
+ "bpk-component-navigation-bar": "^3.1.16",
31
+ "bpk-component-rtl-toggle": "^3.1.14"
32
32
  }
33
33
  }
package/bpk-component-nudger/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-nudger",
3
- "version": "7.0.6",
3
+ "version": "7.0.8",
4
4
  "description": "Backpack nudger component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,11 +14,11 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "@skyscanner/bpk-foundations-web": "^8.0.0",
18
- "bpk-component-button": "^6.2.7",
19
- "bpk-component-icon": "^9.2.13",
20
- "bpk-mixins": "^31.1.1",
21
- "bpk-react-utils": "^6.0.0",
17
+ "@skyscanner/bpk-foundations-web": "^8.2.1",
18
+ "bpk-component-button": "^6.2.9",
19
+ "bpk-component-icon": "^9.2.15",
20
+ "bpk-mixins": "^31.1.6",
21
+ "bpk-react-utils": "^6.0.1",
22
22
  "lodash.clamp": "^4.0.3",
23
23
  "prop-types": "^15.7.2"
24
24
  },
@@ -26,7 +26,7 @@
26
26
  "react": "^16.3.0 || ^17.0.0"
27
27
  },
28
28
  "devDependencies": {
29
- "bpk-component-label": "^5.1.12",
30
- "bpk-storybook-utils": "^1.1.11"
29
+ "bpk-component-label": "^5.1.14",
30
+ "bpk-storybook-utils": "^1.1.13"
31
31
  }
32
32
  }
package/bpk-component-overlay/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-overlay",
3
- "version": "2.1.14",
3
+ "version": "2.1.16",
4
4
  "description": "Backpack overlay component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -13,16 +13,16 @@
13
13
  "registry": "https://registry.npmjs.org/"
14
14
  },
15
15
  "dependencies": {
16
- "bpk-mixins": "^31.1.1",
17
- "bpk-react-utils": "^6.0.0",
16
+ "bpk-mixins": "^31.1.6",
17
+ "bpk-react-utils": "^6.0.1",
18
18
  "prop-types": "^15.5.8"
19
19
  },
20
20
  "peerDependencies": {
21
21
  "react": "^16.3.0 || ^17.0.0"
22
22
  },
23
23
  "devDependencies": {
24
- "bpk-component-image": "^5.1.14",
25
- "bpk-component-text": "^7.0.6"
24
+ "bpk-component-image": "^5.1.16",
25
+ "bpk-component-text": "^7.0.8"
26
26
  },
27
27
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8"
28
28
  }
package/bpk-component-pagination/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-pagination",
3
- "version": "4.0.11",
3
+ "version": "4.0.13",
4
4
  "description": "Backpack pagination component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,15 +14,15 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "bpk-component-button": "^6.2.7",
18
- "bpk-mixins": "^31.1.1",
19
- "bpk-react-utils": "^6.0.0",
17
+ "bpk-component-button": "^6.2.9",
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
- "bpk-component-icon": "^9.2.13"
26
+ "bpk-component-icon": "^9.2.15"
27
27
  }
28
28
  }
package/bpk-component-panel/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-panel",
3
- "version": "3.1.12",
3
+ "version": "3.1.14",
4
4
  "description": "Backpack panel 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.1",
18
- "bpk-react-utils": "^6.0.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": {
package/bpk-component-phone-input/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-phone-input",
3
- "version": "7.1.20",
3
+ "version": "7.1.23",
4
4
  "description": "Backpack phone input component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,20 +14,20 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "@skyscanner/bpk-foundations-web": "^8.0.0",
18
- "bpk-component-input": "^6.1.17",
19
- "bpk-component-label": "^5.1.12",
20
- "bpk-component-select": "^5.1.12",
21
- "bpk-component-text": "^7.0.6",
22
- "bpk-mixins": "^31.1.1",
23
- "bpk-react-utils": "^6.0.0",
17
+ "@skyscanner/bpk-foundations-web": "^8.2.1",
18
+ "bpk-component-input": "^6.1.20",
19
+ "bpk-component-label": "^5.1.14",
20
+ "bpk-component-select": "^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": {
27
27
  "react": "^16.3.0 || ^17.0.0"
28
28
  },
29
29
  "devDependencies": {
30
- "bpk-component-fieldset": "^4.1.20",
31
- "bpk-component-image": "^5.1.14"
30
+ "bpk-component-fieldset": "^4.1.23",
31
+ "bpk-component-image": "^5.1.16"
32
32
  }
33
33
  }
package/bpk-component-popover/README.md CHANGED
@@ -20,6 +20,7 @@ class App extends Component {
20
20
  constructor() {
21
21
  super();
22
22
 
23
+ this.ref = React.createRef();
23
24
  this.state = {
24
25
  isOpen: false,
25
26
  };
@@ -38,14 +39,21 @@ class App extends Component {
38
39
  });
39
40
  }
40
41
 
42
+ const target = (
43
+ <div ref={this.ref} className={'my-popover-target'}>
44
+ <BpkButton
45
+ onClick={this.openPopover}>
46
+ Open
47
+ </BpkButton>
48
+ </div>
49
+ )
50
+
41
51
  render() {
42
52
  return (
43
53
  <div id="popover-container">
44
54
  <BpkPopover
45
55
  id="my-popover"
46
- target={
47
- <BpkButton onClick={this.openPopover}>Open</BpkButton>
48
- }
56
+ target={target}
49
57
  onClose={this.closePopover}
50
58
  isOpen={this.state.isOpen}
51
59
  label="My popover"
@@ -120,6 +128,10 @@ const onClose = (event, {
120
128
 
121
129
  Please refer to the [documentation](https://popper.js.org/docs/v2/modifiers/) for the underlying positioning library "Popper.js". You can achieve various behaviours such as allowing the popover to overflow the viewport etc.
122
130
 
131
+ #### target
132
+
133
+ `target` can be a DOM element with a `ref` attached to it or a function that returns a DOM element.
134
+
123
135
  ## Theme Props
124
136
 
125
137
  * `linkColor`
package/bpk-component-popover/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-popover",
3
- "version": "6.0.0",
3
+ "version": "7.0.1",
4
4
  "description": "Backpack popover component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -17,19 +17,19 @@
17
17
  "@popperjs/core": "^2.11.5",
18
18
  "a11y-focus-scope": "^1.1.3",
19
19
  "a11y-focus-store": "^1.0.0",
20
- "bpk-component-close-button": "^3.1.13",
21
- "bpk-component-link": "^3.1.12",
22
- "bpk-component-text": "^7.0.6",
23
- "bpk-mixins": "^31.1.1",
24
- "bpk-react-utils": "^6.0.0",
20
+ "bpk-component-close-button": "^3.1.15",
21
+ "bpk-component-link": "^3.1.14",
22
+ "bpk-component-text": "^7.0.8",
23
+ "bpk-mixins": "^31.1.6",
24
+ "bpk-react-utils": "^6.0.1",
25
25
  "prop-types": "^15.7.2"
26
26
  },
27
27
  "peerDependencies": {
28
28
  "react": "^16.3.0 || ^17.0.0"
29
29
  },
30
30
  "devDependencies": {
31
- "bpk-component-button": "^6.2.7",
32
- "bpk-component-content-container": "^5.0.6",
33
- "bpk-component-input": "^6.1.17"
31
+ "bpk-component-button": "^6.2.9",
32
+ "bpk-component-content-container": "^5.0.8",
33
+ "bpk-component-input": "^6.1.20"
34
34
  }
35
35
  }