@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-popover/src/BpkPopoverPortal.js CHANGED
@@ -18,7 +18,7 @@
18
18
 
19
19
  /* @flow strict */
20
20
 
21
- import { createPopper, basePlacements } from '@popperjs/core';
21
+ import { createPopper } from '@popperjs/core';
22
22
  import PropTypes from 'prop-types';
23
23
  import React, { Component, type Node } from 'react';
24
24
  import focusStore from 'a11y-focus-store';
@@ -51,7 +51,7 @@ export const propTypes = {
51
51
  target: PropTypes.oneOfType([PropTypes.func, PropTypes.node]).isRequired,
52
52
  isOpen: PropTypes.bool.isRequired,
53
53
  onClose: PropTypes.func.isRequired,
54
- placement: PropTypes.oneOf(basePlacements),
54
+ placement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
55
55
  portalStyle: PropTypes.object, // eslint-disable-line react/forbid-prop-types
56
56
  portalClassName: PropTypes.string,
57
57
  renderTarget: PropTypes.func,
@@ -83,7 +83,6 @@ class BpkPopoverPortal extends Component<Props> {
83
83
 
84
84
  this.popper = null;
85
85
  this.previousTargetElement = null;
86
- this.ref = React.createRef();
87
86
  }
88
87
 
89
88
  onRender = (popoverElement: HTMLElement, targetElement: ?HTMLElement) => {
@@ -217,16 +216,9 @@ class BpkPopoverPortal extends Component<Props> {
217
216
  classNames.push(portalClassName);
218
217
  }
219
218
 
220
- const targetElement =
221
- typeof target === 'function' ? (
222
- target
223
- ) : (
224
- <div ref={this.ref}>{target}</div>
225
- );
226
-
227
219
  return (
228
220
  <>
229
- {typeof targetElement !== 'function' && targetElement}
221
+ {typeof target !== 'function' && target}
230
222
  <Portal
231
223
  beforeClose={this.beforeClose}
232
224
  className={classNames.join(' ')}
@@ -235,7 +227,7 @@ class BpkPopoverPortal extends Component<Props> {
235
227
  onRender={this.onRender}
236
228
  style={portalStyle}
237
229
  renderTarget={renderTarget}
238
- target={targetElement}
230
+ target={target}
239
231
  >
240
232
  {/* $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'. */}
241
233
  <BpkPopover onClose={this.onClose} {...rest} />
package/bpk-component-price/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-price",
3
- "version": "1.1.1",
3
+ "version": "1.1.3",
4
4
  "description": "Backpack price component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -13,9 +13,9 @@
13
13
  "registry": "https://registry.npmjs.org/"
14
14
  },
15
15
  "dependencies": {
16
- "bpk-component-text": "^7.0.6",
17
- "bpk-mixins": "^31.1.1",
18
- "bpk-react-utils": "^6.0.0",
16
+ "bpk-component-text": "^7.0.8",
17
+ "bpk-mixins": "^31.1.6",
18
+ "bpk-react-utils": "^6.0.1",
19
19
  "prop-types": "^15.5.8"
20
20
  },
21
21
  "peerDependencies": {
package/bpk-component-progress/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-progress",
3
- "version": "3.1.12",
3
+ "version": "3.1.14",
4
4
  "description": "Backpack progress bar component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,9 +14,9 @@
14
14
  },
15
15
  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
16
16
  "dependencies": {
17
- "@skyscanner/bpk-foundations-web": "^8.0.0",
18
- "bpk-mixins": "^31.1.1",
19
- "bpk-react-utils": "^6.0.0",
17
+ "@skyscanner/bpk-foundations-web": "^8.2.1",
18
+ "bpk-mixins": "^31.1.6",
19
+ "bpk-react-utils": "^6.0.1",
20
20
  "lodash.clamp": "^4.0.3",
21
21
  "prop-types": "^15.7.2"
22
22
  },
@@ -24,7 +24,7 @@
24
24
  "react": "^16.3.0 || ^17.0.0"
25
25
  },
26
26
  "devDependencies": {
27
- "bpk-component-button": "^6.2.7",
28
- "bpk-storybook-utils": "^1.1.11"
27
+ "bpk-component-button": "^6.2.9",
28
+ "bpk-storybook-utils": "^1.1.13"
29
29
  }
30
30
  }
package/bpk-component-radio/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-radio",
3
- "version": "3.1.13",
3
+ "version": "3.1.15",
4
4
  "description": "Backpack radio button 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-rating/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-rating",
3
- "version": "5.0.3",
3
+ "version": "5.0.5",
4
4
  "description": "Backpack rating component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,8 +14,8 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
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.clamp": "^4.0.3",
20
20
  "prop-types": "^15.5.8"
21
21
  },
@@ -23,7 +23,7 @@
23
23
  "react": "^16.3.0 || ^17.0.0"
24
24
  },
25
25
  "devDependencies": {
26
- "@skyscanner/bpk-foundations-web": "^8.0.0",
27
- "bpk-component-text": "^7.0.6"
26
+ "@skyscanner/bpk-foundations-web": "^8.2.1",
27
+ "bpk-component-text": "^7.0.8"
28
28
  }
29
29
  }
package/bpk-component-rtl-toggle/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-rtl-toggle",
3
- "version": "3.1.12",
3
+ "version": "3.1.14",
4
4
  "description": "Backpack RTL toggle 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-component-link": "^3.1.12",
18
- "bpk-react-utils": "^6.0.0",
17
+ "bpk-component-link": "^3.1.14",
18
+ "bpk-react-utils": "^6.0.1",
19
19
  "prop-types": "^15.7.2"
20
20
  },
21
21
  "peerDependencies": {
package/bpk-component-scrollable-calendar/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-scrollable-calendar",
3
- "version": "6.2.0",
3
+ "version": "6.2.3",
4
4
  "description": "Backpack scrollable calendar component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,17 +14,17 @@
14
14
  },
15
15
  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
16
16
  "dependencies": {
17
- "@skyscanner/bpk-foundations-web": "^8.0.0",
18
- "bpk-component-calendar": "^11.2.0",
19
- "bpk-component-text": "^7.0.6",
20
- "bpk-mixins": "^31.1.1",
21
- "bpk-react-utils": "^6.0.0",
17
+ "@skyscanner/bpk-foundations-web": "^8.2.1",
18
+ "bpk-component-calendar": "^11.2.3",
19
+ "bpk-component-text": "^7.0.8",
20
+ "bpk-mixins": "^31.1.6",
21
+ "bpk-react-utils": "^6.0.1",
22
22
  "date-fns": "^2.21.1",
23
23
  "prop-types": "^15.5.8",
24
24
  "react-virtualized": "^9.22.3"
25
25
  },
26
26
  "devDependencies": {
27
- "bpk-storybook-utils": "^1.1.11"
27
+ "bpk-storybook-utils": "^1.1.13"
28
28
  },
29
29
  "peerDependencies": {
30
30
  "react": "^16.3.0 || ^17.0.0"
package/bpk-component-section-list/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-section-list",
3
- "version": "3.2.13",
3
+ "version": "3.2.15",
4
4
  "description": "Backpack section list component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,15 +14,15 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "@skyscanner/bpk-foundations-web": "^8.0.0",
18
- "bpk-component-icon": "^9.2.13",
19
- "bpk-component-text": "^7.0.6",
20
- "bpk-mixins": "^31.1.1",
21
- "bpk-react-utils": "^6.0.0",
17
+ "@skyscanner/bpk-foundations-web": "^8.2.1",
18
+ "bpk-component-icon": "^9.2.15",
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
  "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-select/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-select",
3
- "version": "5.1.12",
3
+ "version": "5.1.14",
4
4
  "description": "Backpack select component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,12 +14,12 @@
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
  "devDependencies": {
22
- "bpk-storybook-utils": "^1.1.11"
22
+ "bpk-storybook-utils": "^1.1.13"
23
23
  },
24
24
  "peerDependencies": {
25
25
  "react": "^16.3.0 || ^17.0.0"
package/bpk-component-skip-link/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-skip-link",
3
- "version": "2.1.12",
3
+ "version": "2.1.14",
4
4
  "description": "Backpack skip-link component.",
5
5
  "main": "index.js",
6
6
  "repository": {
@@ -13,8 +13,8 @@
13
13
  "react": "^16.3.0 || ^17.0.0"
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
  "publishConfig": {
package/bpk-component-slider/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-slider",
3
- "version": "3.1.12",
3
+ "version": "3.1.14",
4
4
  "description": "Backpack slider component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,9 +14,9 @@
14
14
  },
15
15
  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
16
16
  "dependencies": {
17
- "@skyscanner/bpk-foundations-web": "^8.0.0",
18
- "bpk-mixins": "^31.1.1",
19
- "bpk-react-utils": "^6.0.0",
17
+ "@skyscanner/bpk-foundations-web": "^8.2.1",
18
+ "bpk-mixins": "^31.1.6",
19
+ "bpk-react-utils": "^6.0.1",
20
20
  "prop-types": "^15.7.2",
21
21
  "react-slider": "^1.3.1"
22
22
  },
@@ -24,6 +24,6 @@
24
24
  "react": "^16.3.0 || ^17.0.0"
25
25
  },
26
26
  "devDependencies": {
27
- "bpk-component-rtl-toggle": "^3.1.12"
27
+ "bpk-component-rtl-toggle": "^3.1.14"
28
28
  }
29
29
  }
package/bpk-component-spinner/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-spinner",
3
- "version": "5.1.12",
3
+ "version": "5.1.14",
4
4
  "description": "Backpack spinner components.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,9 +14,9 @@
14
14
  },
15
15
  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
16
16
  "dependencies": {
17
- "@skyscanner/bpk-svgs": "^14.1.9",
18
- "bpk-mixins": "^31.1.1",
19
- "bpk-react-utils": "^6.0.0",
17
+ "@skyscanner/bpk-svgs": "^14.3.3",
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": {
package/bpk-component-split-input/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-split-input",
3
- "version": "1.1.0",
3
+ "version": "1.1.3",
4
4
  "description": "Backpack split-input component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -13,9 +13,9 @@
13
13
  "registry": "https://registry.npmjs.org/"
14
14
  },
15
15
  "dependencies": {
16
- "bpk-component-input": "^6.1.17",
17
- "bpk-mixins": "^31.1.1",
18
- "bpk-react-utils": "^6.0.0",
16
+ "bpk-component-input": "^6.1.20",
17
+ "bpk-mixins": "^31.1.6",
18
+ "bpk-react-utils": "^6.0.1",
19
19
  "prop-types": "^15.5.8"
20
20
  },
21
21
  "peerDependencies": {
package/bpk-component-star-rating/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-star-rating",
3
- "version": "3.1.14",
3
+ "version": "3.1.16",
4
4
  "description": "Backpack rating star component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,16 +14,16 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
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-table": "^3.1.12",
27
- "bpk-storybook-utils": "^1.1.11"
26
+ "bpk-component-table": "^3.1.14",
27
+ "bpk-storybook-utils": "^1.1.13"
28
28
  }
29
29
  }
package/bpk-component-switch/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-switch",
3
- "version": "2.1.13",
3
+ "version": "2.1.15",
4
4
  "description": "Backpack switch 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.5.8"
20
20
  },
21
21
  "peerDependencies": {
package/bpk-component-table/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-table",
3
- "version": "3.1.12",
3
+ "version": "3.1.14",
4
4
  "description": "Backpack table 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-text/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-text",
3
- "version": "7.0.6",
3
+ "version": "7.0.8",
4
4
  "description": "Backpack text component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,8 +14,8 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
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-textarea/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-textarea",
3
- "version": "4.2.12",
3
+ "version": "4.2.14",
4
4
  "description": "Backpack textarea component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,13 +14,13 @@
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
  "devDependencies": {
22
- "bpk-component-label": "^5.1.12",
23
- "bpk-storybook-utils": "^1.1.11"
22
+ "bpk-component-label": "^5.1.14",
23
+ "bpk-storybook-utils": "^1.1.13"
24
24
  },
25
25
  "peerDependencies": {
26
26
  "react": "^16.3.0 || ^17.0.0"
package/bpk-component-theme-toggle/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-theme-toggle",
3
- "version": "3.1.13",
3
+ "version": "3.1.15",
4
4
  "description": "Backpack theme toggle component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,11 +14,11 @@
14
14
  },
15
15
  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
16
16
  "dependencies": {
17
- "@skyscanner/bpk-foundations-web": "^8.0.0",
18
- "bpk-component-label": "^5.1.12",
19
- "bpk-component-select": "^5.1.12",
20
- "bpk-mixins": "^31.1.1",
21
- "bpk-react-utils": "^6.0.0",
17
+ "@skyscanner/bpk-foundations-web": "^8.2.1",
18
+ "bpk-component-label": "^5.1.14",
19
+ "bpk-component-select": "^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
  "peerDependencies": {
package/bpk-component-ticket/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-ticket",
3
- "version": "5.0.1",
3
+ "version": "5.0.3",
4
4
  "description": "Backpack ticket 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-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
- "bpk-component-button": "^6.2.7",
26
- "bpk-component-icon": "^9.2.13"
25
+ "bpk-component-button": "^6.2.9",
26
+ "bpk-component-icon": "^9.2.15"
27
27
  }
28
28
  }
package/bpk-component-tooltip/README.md CHANGED
@@ -16,10 +16,17 @@ import BpkText from 'bpk-component-text';
16
16
  import BpkTooltip from 'bpk-component-tooltip';
17
17
 
18
18
  const App = () => (
19
+ const targetRef = useRef(null);
20
+ const target = (
21
+ <div ref={targetRef} className={'my-tooltip-target'}>
22
+ <BpkText textStyle="lg">LHR</BpkText>
23
+ </div>
24
+ );
25
+
19
26
  <BpkTooltip
20
27
  ariaLabel="London Heathrow"
21
28
  id="my-tooltip"
22
- target={<BpkText textStyle="lg">LHR</BpkText>}
29
+ target={target}
23
30
  >
24
31
  London Heathrow
25
32
  </BpkTooltip>
@@ -54,3 +61,7 @@ The label will be used on the `target` element, so any existing `aria-label` att
54
61
  #### `popperModifiers`
55
62
 
56
63
  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 tooltip to overflow the viewport etc.
64
+
65
+ #### target
66
+
67
+ `target` should be a DOM element with a `ref` attached to it.
package/bpk-component-tooltip/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-tooltip",
3
- "version": "7.0.2",
3
+ "version": "8.0.1",
4
4
  "description": "Backpack tooltip component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -15,15 +15,15 @@
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
17
  "@popperjs/core": "^2.11.5",
18
- "bpk-mixins": "^31.1.1",
19
- "bpk-react-utils": "^6.0.0",
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.0.0",
27
- "bpk-component-text": "^7.0.6"
26
+ "@skyscanner/bpk-foundations-web": "^8.2.1",
27
+ "bpk-component-text": "^7.0.8"
28
28
  }
29
29
  }
package/bpk-component-tooltip/src/BpkTooltip.module.scss CHANGED
@@ -26,6 +26,10 @@ $dark-background-color: $bpk-color-sky-gray;
26
26
 
27
27
  .bpk-tooltip-portal {
28
28
  z-index: $bpk-zindex-tooltip;
29
+
30
+ &--target {
31
+ display: inline-block;
32
+ }
29
33
  }
30
34
 
31
35
  .bpk-tooltip {