@skyscanner/backpack-web 3.1.0 → 4.0.0

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 (84) hide show
  1. package/bpk-animate-height/package.json +2 -2
  2. package/bpk-component-accordion/package.json +6 -6
  3. package/bpk-component-aria-live/package.json +7 -7
  4. package/bpk-component-autosuggest/package.json +4 -4
  5. package/bpk-component-badge/package.json +4 -4
  6. package/bpk-component-banner-alert/package.json +8 -8
  7. package/bpk-component-barchart/package.json +7 -7
  8. package/bpk-component-blockquote/package.json +2 -2
  9. package/bpk-component-breadcrumb/package.json +5 -5
  10. package/bpk-component-breakpoint/package.json +2 -2
  11. package/bpk-component-button/package.json +2 -2
  12. package/bpk-component-calendar/package.json +8 -8
  13. package/bpk-component-card/package.json +4 -4
  14. package/bpk-component-checkbox/package.json +4 -4
  15. package/bpk-component-chip/package.json +5 -5
  16. package/bpk-component-close-button/package.json +4 -4
  17. package/bpk-component-code/package.json +2 -2
  18. package/bpk-component-content-container/package.json +2 -2
  19. package/bpk-component-datatable/package.json +3 -3
  20. package/bpk-component-datepicker/package.json +8 -8
  21. package/bpk-component-description-list/package.json +2 -2
  22. package/bpk-component-dialog/package.json +8 -8
  23. package/bpk-component-drawer/package.json +8 -8
  24. package/bpk-component-fieldset/package.json +12 -12
  25. package/bpk-component-flare/package.json +4 -4
  26. package/bpk-component-floating-notification/README.md +53 -0
  27. package/bpk-component-floating-notification/index.js +27 -0
  28. package/bpk-component-floating-notification/package.json +25 -0
  29. package/bpk-component-floating-notification/src/BpkFloatingNotification.js +150 -0
  30. package/bpk-component-floating-notification/src/BpkFloatingNotification.module.css +18 -0
  31. package/bpk-component-floating-notification/src/BpkFloatingNotification.module.scss +96 -0
  32. package/bpk-component-form-validation/package.json +9 -9
  33. package/bpk-component-graphic-promotion/package.json +4 -5
  34. package/bpk-component-graphic-promotion/src/BpkGraphicPromo.js +22 -6
  35. package/bpk-component-graphic-promotion/src/BpkGraphicPromo.module.scss +14 -4
  36. package/bpk-component-grid/package.json +2 -2
  37. package/bpk-component-grid-toggle/package.json +3 -3
  38. package/bpk-component-horizontal-nav/package.json +5 -5
  39. package/bpk-component-icon/package.json +5 -5
  40. package/bpk-component-image/package.json +6 -6
  41. package/bpk-component-infinite-scroll/package.json +6 -6
  42. package/bpk-component-input/package.json +6 -6
  43. package/bpk-component-label/package.json +2 -2
  44. package/bpk-component-link/package.json +3 -3
  45. package/bpk-component-list/package.json +2 -2
  46. package/bpk-component-loading-button/package.json +6 -6
  47. package/bpk-component-map/package.json +6 -6
  48. package/bpk-component-mobile-scroll-container/package.json +2 -2
  49. package/bpk-component-modal/package.json +9 -9
  50. package/bpk-component-navigation-bar/package.json +7 -7
  51. package/bpk-component-navigation-stack/package.json +6 -6
  52. package/bpk-component-nudger/package.json +6 -6
  53. package/bpk-component-overlay/package.json +4 -4
  54. package/bpk-component-pagination/package.json +4 -4
  55. package/bpk-component-panel/package.json +2 -2
  56. package/bpk-component-phone-input/package.json +8 -8
  57. package/bpk-component-popover/package.json +8 -8
  58. package/bpk-component-popover/src/BpkPopoverPortal.js +3 -3
  59. package/bpk-component-price/package.json +3 -3
  60. package/bpk-component-progress/package.json +4 -4
  61. package/bpk-component-radio/package.json +3 -3
  62. package/bpk-component-rating/package.json +3 -3
  63. package/bpk-component-rtl-toggle/package.json +3 -3
  64. package/bpk-component-scrollable-calendar/package.json +5 -5
  65. package/bpk-component-section-list/package.json +5 -5
  66. package/bpk-component-select/package.json +3 -3
  67. package/bpk-component-skip-link/package.json +2 -2
  68. package/bpk-component-slider/package.json +3 -3
  69. package/bpk-component-spinner/package.json +2 -2
  70. package/bpk-component-star-rating/package.json +5 -5
  71. package/bpk-component-switch/package.json +2 -2
  72. package/bpk-component-table/package.json +2 -2
  73. package/bpk-component-text/package.json +2 -2
  74. package/bpk-component-textarea/package.json +4 -4
  75. package/bpk-component-theme-toggle/package.json +4 -4
  76. package/bpk-component-ticket/package.json +4 -4
  77. package/bpk-component-tooltip/package.json +3 -3
  78. package/bpk-component-tooltip/src/BpkTooltipPortal.js +3 -3
  79. package/bpk-react-utils/index.js +3 -0
  80. package/bpk-react-utils/package.json +1 -1
  81. package/bpk-react-utils/src/Portal-v1.js +310 -0
  82. package/bpk-react-utils/src/Portal.js +42 -54
  83. package/bpk-scrim-utils/package.json +2 -2
  84. package/package.json +1 -1
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.10",
3
+ "version": "3.1.11",
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.10",
18
- "bpk-react-utils": "^4.1.2",
17
+ "bpk-component-link": "^3.1.11",
18
+ "bpk-react-utils": "^5.0.0",
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.1.15",
3
+ "version": "6.1.18",
4
4
  "description": "Backpack scrollable calendar component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -15,16 +15,16 @@
15
15
  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
16
16
  "dependencies": {
17
17
  "@skyscanner/bpk-foundations-web": "^8.0.0",
18
- "bpk-component-calendar": "^11.1.15",
19
- "bpk-component-text": "^7.0.4",
18
+ "bpk-component-calendar": "^11.1.17",
19
+ "bpk-component-text": "^7.0.5",
20
20
  "bpk-mixins": "^31.1.1",
21
- "bpk-react-utils": "^4.1.2",
21
+ "bpk-react-utils": "^5.0.0",
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.9"
27
+ "bpk-storybook-utils": "^1.1.10"
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.11",
3
+ "version": "3.2.12",
4
4
  "description": "Backpack section list component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -15,14 +15,14 @@
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
17
  "@skyscanner/bpk-foundations-web": "^8.0.0",
18
- "bpk-component-icon": "^9.2.11",
19
- "bpk-component-text": "^7.0.4",
18
+ "bpk-component-icon": "^9.2.12",
19
+ "bpk-component-text": "^7.0.5",
20
20
  "bpk-mixins": "^31.1.1",
21
- "bpk-react-utils": "^4.1.2",
21
+ "bpk-react-utils": "^5.0.0",
22
22
  "prop-types": "^15.7.2"
23
23
  },
24
24
  "devDependencies": {
25
- "bpk-storybook-utils": "^1.1.9"
25
+ "bpk-storybook-utils": "^1.1.10"
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.10",
3
+ "version": "5.1.11",
4
4
  "description": "Backpack select component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -15,11 +15,11 @@
15
15
  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
16
16
  "dependencies": {
17
17
  "bpk-mixins": "^31.1.1",
18
- "bpk-react-utils": "^4.1.2",
18
+ "bpk-react-utils": "^5.0.0",
19
19
  "prop-types": "^15.7.2"
20
20
  },
21
21
  "devDependencies": {
22
- "bpk-storybook-utils": "^1.1.9"
22
+ "bpk-storybook-utils": "^1.1.10"
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.10",
3
+ "version": "2.1.11",
4
4
  "description": "Backpack skip-link component.",
5
5
  "main": "index.js",
6
6
  "repository": {
@@ -14,7 +14,7 @@
14
14
  },
15
15
  "dependencies": {
16
16
  "bpk-mixins": "^31.1.1",
17
- "bpk-react-utils": "^4.1.2",
17
+ "bpk-react-utils": "^5.0.0",
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.10",
3
+ "version": "3.1.11",
4
4
  "description": "Backpack slider component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -16,7 +16,7 @@
16
16
  "dependencies": {
17
17
  "@skyscanner/bpk-foundations-web": "^8.0.0",
18
18
  "bpk-mixins": "^31.1.1",
19
- "bpk-react-utils": "^4.1.2",
19
+ "bpk-react-utils": "^5.0.0",
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.10"
27
+ "bpk-component-rtl-toggle": "^3.1.11"
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.10",
3
+ "version": "5.1.11",
4
4
  "description": "Backpack spinner components.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -16,7 +16,7 @@
16
16
  "dependencies": {
17
17
  "@skyscanner/bpk-svgs": "^14.1.9",
18
18
  "bpk-mixins": "^31.1.1",
19
- "bpk-react-utils": "^4.1.2",
19
+ "bpk-react-utils": "^5.0.0",
20
20
  "prop-types": "^15.7.2"
21
21
  },
22
22
  "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.11",
3
+ "version": "3.1.12",
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.11",
17
+ "bpk-component-icon": "^9.2.12",
18
18
  "bpk-mixins": "^31.1.1",
19
- "bpk-react-utils": "^4.1.2",
19
+ "bpk-react-utils": "^5.0.0",
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.10",
27
- "bpk-storybook-utils": "^1.1.9"
26
+ "bpk-component-table": "^3.1.11",
27
+ "bpk-storybook-utils": "^1.1.10"
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.11",
3
+ "version": "2.1.12",
4
4
  "description": "Backpack switch component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -15,7 +15,7 @@
15
15
  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
16
16
  "dependencies": {
17
17
  "bpk-mixins": "^31.1.1",
18
- "bpk-react-utils": "^4.1.2",
18
+ "bpk-react-utils": "^5.0.0",
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.10",
3
+ "version": "3.1.11",
4
4
  "description": "Backpack table component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -15,7 +15,7 @@
15
15
  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
16
16
  "dependencies": {
17
17
  "bpk-mixins": "^31.1.1",
18
- "bpk-react-utils": "^4.1.2",
18
+ "bpk-react-utils": "^5.0.0",
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.4",
3
+ "version": "7.0.5",
4
4
  "description": "Backpack text component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -15,7 +15,7 @@
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
17
  "bpk-mixins": "^31.1.1",
18
- "bpk-react-utils": "^4.1.2",
18
+ "bpk-react-utils": "^5.0.0",
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.10",
3
+ "version": "4.2.11",
4
4
  "description": "Backpack textarea component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -15,12 +15,12 @@
15
15
  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
16
16
  "dependencies": {
17
17
  "bpk-mixins": "^31.1.1",
18
- "bpk-react-utils": "^4.1.2",
18
+ "bpk-react-utils": "^5.0.0",
19
19
  "prop-types": "^15.7.2"
20
20
  },
21
21
  "devDependencies": {
22
- "bpk-component-label": "^5.1.10",
23
- "bpk-storybook-utils": "^1.1.9"
22
+ "bpk-component-label": "^5.1.11",
23
+ "bpk-storybook-utils": "^1.1.10"
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.11",
3
+ "version": "3.1.12",
4
4
  "description": "Backpack theme toggle component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -15,10 +15,10 @@
15
15
  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
16
16
  "dependencies": {
17
17
  "@skyscanner/bpk-foundations-web": "^8.0.0",
18
- "bpk-component-label": "^5.1.10",
19
- "bpk-component-select": "^5.1.10",
18
+ "bpk-component-label": "^5.1.11",
19
+ "bpk-component-select": "^5.1.11",
20
20
  "bpk-mixins": "^31.1.1",
21
- "bpk-react-utils": "^4.1.2",
21
+ "bpk-react-utils": "^5.0.0",
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": "4.1.11",
3
+ "version": "4.1.12",
4
4
  "description": "Backpack ticket component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -15,14 +15,14 @@
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
17
  "bpk-mixins": "^31.1.1",
18
- "bpk-react-utils": "^4.1.2",
18
+ "bpk-react-utils": "^5.0.0",
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.5",
26
- "bpk-component-icon": "^9.2.11"
25
+ "bpk-component-button": "^6.2.6",
26
+ "bpk-component-icon": "^9.2.12"
27
27
  }
28
28
  }
package/bpk-component-tooltip/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-tooltip",
3
- "version": "7.0.0",
3
+ "version": "7.0.1",
4
4
  "description": "Backpack tooltip component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -16,7 +16,7 @@
16
16
  "dependencies": {
17
17
  "@popperjs/core": "^2.11.5",
18
18
  "bpk-mixins": "^31.1.1",
19
- "bpk-react-utils": "^4.1.2",
19
+ "bpk-react-utils": "^5.0.0",
20
20
  "prop-types": "^15.7.2"
21
21
  },
22
22
  "peerDependencies": {
@@ -24,6 +24,6 @@
24
24
  },
25
25
  "devDependencies": {
26
26
  "@skyscanner/bpk-foundations-web": "^8.0.0",
27
- "bpk-component-text": "^7.0.4"
27
+ "bpk-component-text": "^7.0.5"
28
28
  }
29
29
  }
package/bpk-component-tooltip/src/BpkTooltipPortal.js CHANGED
@@ -22,7 +22,7 @@ import { createPopper, basePlacements } from '@popperjs/core';
22
22
  import PropTypes from 'prop-types';
23
23
  import React, { Component, type Node, type Element } from 'react';
24
24
 
25
- import { Portal, cssModules } from '../../bpk-react-utils';
25
+ import { PortalV1, cssModules } from '../../bpk-react-utils';
26
26
 
27
27
  import BpkTooltip, {
28
28
  propTypes as tooltipPropTypes,
@@ -196,7 +196,7 @@ class BpkTooltipPortal extends Component<Props, State> {
196
196
  }
197
197
 
198
198
  return renderPortal ? (
199
- <Portal
199
+ <PortalV1
200
200
  target={targetWithAccessibilityProps}
201
201
  targetRef={(targetRef) => {
202
202
  this.targetRef = targetRef;
@@ -212,7 +212,7 @@ class BpkTooltipPortal extends Component<Props, State> {
212
212
  <BpkTooltip padded={padded} {...rest}>
213
213
  {children}
214
214
  </BpkTooltip>
215
- </Portal>
215
+ </PortalV1>
216
216
  ) : (
217
217
  targetWithAccessibilityProps
218
218
  );
package/bpk-react-utils/index.js CHANGED
@@ -20,6 +20,7 @@
20
20
 
21
21
  import wrapDisplayName from './src/wrapDisplayName';
22
22
  import Portal from './src/Portal';
23
+ import PortalV1 from './src/Portal-v1';
23
24
  import TransitionInitialMount from './src/TransitionInitialMount';
24
25
  import cssModules from './src/cssModules';
25
26
  import deprecated from './src/deprecated';
@@ -33,6 +34,7 @@ import isRTL from './src/isRTL';
33
34
 
34
35
  export {
35
36
  Portal,
37
+ PortalV1,
36
38
  TransitionInitialMount,
37
39
  cssModules,
38
40
  deprecated,
@@ -45,6 +47,7 @@ export {
45
47
  };
46
48
  export default {
47
49
  Portal,
50
+ PortalV1,
48
51
  TransitionInitialMount,
49
52
  cssModules,
50
53
  deprecated,
package/bpk-react-utils/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-react-utils",
3
- "version": "4.1.2",
3
+ "version": "5.0.0",
4
4
  "description": "Utilities for Backpack's React components.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {