@skyscanner/backpack-web 7.1.0 → 8.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 (82) 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/README.md +4 -0
  21. package/bpk-component-datepicker/package.json +8 -8
  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 +2 -2
  25. package/bpk-component-dialog/package.json +8 -8
  26. package/bpk-component-drawer/package.json +8 -8
  27. package/bpk-component-fieldset/package.json +12 -12
  28. package/bpk-component-flare/package.json +4 -4
  29. package/bpk-component-floating-notification/package.json +5 -5
  30. package/bpk-component-form-validation/package.json +9 -9
  31. package/bpk-component-graphic-promotion/package.json +4 -4
  32. package/bpk-component-grid/package.json +2 -2
  33. package/bpk-component-grid-toggle/package.json +3 -3
  34. package/bpk-component-horizontal-nav/package.json +5 -5
  35. package/bpk-component-icon/package.json +5 -5
  36. package/bpk-component-image/package.json +5 -5
  37. package/bpk-component-infinite-scroll/package.json +6 -6
  38. package/bpk-component-input/package.json +6 -6
  39. package/bpk-component-label/package.json +2 -2
  40. package/bpk-component-link/package.json +3 -3
  41. package/bpk-component-list/package.json +2 -2
  42. package/bpk-component-loading-button/package.json +6 -6
  43. package/bpk-component-map/package.json +6 -6
  44. package/bpk-component-mobile-scroll-container/package.json +2 -2
  45. package/bpk-component-modal/package.json +9 -9
  46. package/bpk-component-navigation-bar/package.json +7 -7
  47. package/bpk-component-navigation-stack/package.json +6 -6
  48. package/bpk-component-nudger/package.json +6 -6
  49. package/bpk-component-overlay/package.json +4 -4
  50. package/bpk-component-pagination/package.json +4 -4
  51. package/bpk-component-panel/package.json +2 -2
  52. package/bpk-component-phone-input/package.json +8 -8
  53. package/bpk-component-popover/README.md +15 -3
  54. package/bpk-component-popover/package.json +8 -8
  55. package/bpk-component-popover/src/BpkPopoverPortal.js +2 -10
  56. package/bpk-component-price/package.json +3 -3
  57. package/bpk-component-progress/package.json +4 -4
  58. package/bpk-component-radio/package.json +3 -3
  59. package/bpk-component-rating/package.json +3 -3
  60. package/bpk-component-rtl-toggle/package.json +3 -3
  61. package/bpk-component-scrollable-calendar/package.json +5 -5
  62. package/bpk-component-section-list/package.json +5 -5
  63. package/bpk-component-select/package.json +3 -3
  64. package/bpk-component-skip-link/package.json +2 -2
  65. package/bpk-component-slider/package.json +3 -3
  66. package/bpk-component-spinner/package.json +2 -2
  67. package/bpk-component-split-input/package.json +3 -3
  68. package/bpk-component-star-rating/package.json +5 -5
  69. package/bpk-component-switch/package.json +2 -2
  70. package/bpk-component-table/package.json +2 -2
  71. package/bpk-component-text/package.json +2 -2
  72. package/bpk-component-textarea/package.json +4 -4
  73. package/bpk-component-theme-toggle/package.json +4 -4
  74. package/bpk-component-ticket/package.json +4 -4
  75. package/bpk-component-tooltip/README.md +12 -1
  76. package/bpk-component-tooltip/package.json +3 -3
  77. package/bpk-component-tooltip/src/BpkTooltip.module.scss +4 -0
  78. package/bpk-component-tooltip/src/BpkTooltipPortal.js +24 -21
  79. package/bpk-react-utils/package.json +1 -1
  80. package/bpk-react-utils/src/Portal.js +1 -1
  81. package/bpk-scrim-utils/package.json +2 -2
  82. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-animate-height",
3
- "version": "4.1.12",
3
+ "version": "4.1.13",
4
4
  "description": "Animate height using CSS transitions.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -21,6 +21,6 @@
21
21
  },
22
22
  "devDependencies": {
23
23
  "@skyscanner/bpk-foundations-web": "^8.0.0",
24
- "bpk-component-button": "^6.2.7"
24
+ "bpk-component-button": "^6.2.8"
25
25
  }
26
26
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-accordion",
3
- "version": "5.0.13",
3
+ "version": "5.0.14",
4
4
  "description": "Backpack accordion component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,11 +14,11 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "bpk-animate-height": "^4.1.12",
18
- "bpk-component-icon": "^9.2.13",
19
- "bpk-component-text": "^7.0.6",
17
+ "bpk-animate-height": "^4.1.13",
18
+ "bpk-component-icon": "^9.2.14",
19
+ "bpk-component-text": "^7.0.7",
20
20
  "bpk-mixins": "^31.1.1",
21
- "bpk-react-utils": "^6.0.0",
21
+ "bpk-react-utils": "^6.0.1",
22
22
  "prop-types": "^15.7.2"
23
23
  },
24
24
  "peerDependencies": {
@@ -26,6 +26,6 @@
26
26
  },
27
27
  "devDependencies": {
28
28
  "@skyscanner/bpk-foundations-web": "^8.0.0",
29
- "bpk-component-checkbox": "^4.1.14"
29
+ "bpk-component-checkbox": "^4.1.15"
30
30
  }
31
31
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-aria-live",
3
- "version": "2.1.21",
3
+ "version": "2.1.22",
4
4
  "description": "Backpack aria-live component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,15 +14,15 @@
14
14
  },
15
15
  "dependencies": {
16
16
  "bpk-mixins": "^31.1.1",
17
- "bpk-react-utils": "^6.0.0",
17
+ "bpk-react-utils": "^6.0.1",
18
18
  "prop-types": "^15.5.8"
19
19
  },
20
20
  "devDependencies": {
21
- "bpk-component-chip": "^5.2.18",
22
- "bpk-component-code": "^3.1.12",
23
- "bpk-component-fieldset": "^4.1.21",
24
- "bpk-component-select": "^5.1.12",
25
- "bpk-component-switch": "^2.1.13"
21
+ "bpk-component-chip": "^5.2.19",
22
+ "bpk-component-code": "^3.1.13",
23
+ "bpk-component-fieldset": "^4.1.22",
24
+ "bpk-component-select": "^5.1.13",
25
+ "bpk-component-switch": "^2.1.14"
26
26
  },
27
27
  "peerDependencies": {
28
28
  "react": "^16.3.0 || ^17.0.0"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-autosuggest",
3
- "version": "6.1.18",
3
+ "version": "6.1.19",
4
4
  "description": "Backpack autosuggest component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,9 +14,9 @@
14
14
  },
15
15
  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
16
16
  "dependencies": {
17
- "bpk-component-input": "^6.1.18",
17
+ "bpk-component-input": "^6.1.19",
18
18
  "bpk-mixins": "^31.1.1",
19
- "bpk-react-utils": "^6.0.0",
19
+ "bpk-react-utils": "^6.0.1",
20
20
  "prop-types": "^15.7.2",
21
21
  "react-autosuggest": "^9.4.3"
22
22
  },
@@ -24,6 +24,6 @@
24
24
  "react": "^16.3.0 || ^17.0.0"
25
25
  },
26
26
  "devDependencies": {
27
- "bpk-component-icon": "^9.2.13"
27
+ "bpk-component-icon": "^9.2.14"
28
28
  }
29
29
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-badge",
3
- "version": "4.1.13",
3
+ "version": "4.1.14",
4
4
  "description": "Backpack badge 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": "^6.0.0",
18
+ "bpk-react-utils": "^6.0.1",
19
19
  "prop-types": "^15.7.2"
20
20
  },
21
21
  "peerDependencies": {
@@ -23,7 +23,7 @@
23
23
  },
24
24
  "devDependencies": {
25
25
  "@skyscanner/bpk-foundations-web": "^8.0.0",
26
- "bpk-component-icon": "^9.2.13",
27
- "bpk-storybook-utils": "^1.1.11"
26
+ "bpk-component-icon": "^9.2.14",
27
+ "bpk-storybook-utils": "^1.1.12"
28
28
  }
29
29
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-banner-alert",
3
- "version": "6.1.18",
3
+ "version": "6.1.19",
4
4
  "description": "Backpack banner alert component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -15,18 +15,18 @@
15
15
  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
16
16
  "dependencies": {
17
17
  "@skyscanner/bpk-foundations-web": "^8.0.0",
18
- "bpk-animate-height": "^4.1.12",
19
- "bpk-component-close-button": "^3.1.13",
20
- "bpk-component-icon": "^9.2.13",
18
+ "bpk-animate-height": "^4.1.13",
19
+ "bpk-component-close-button": "^3.1.14",
20
+ "bpk-component-icon": "^9.2.14",
21
21
  "bpk-mixins": "^31.1.1",
22
- "bpk-react-utils": "^6.0.0",
22
+ "bpk-react-utils": "^6.0.1",
23
23
  "prop-types": "^15.7.2",
24
24
  "react-transition-group": "^2.5.3"
25
25
  },
26
26
  "devDependencies": {
27
- "bpk-component-aria-live": "^2.1.21",
28
- "bpk-component-button": "^6.2.7",
29
- "bpk-storybook-utils": "^1.1.11"
27
+ "bpk-component-aria-live": "^2.1.22",
28
+ "bpk-component-button": "^6.2.8",
29
+ "bpk-storybook-utils": "^1.1.12"
30
30
  },
31
31
  "peerDependencies": {
32
32
  "react": "^16.3.0 || ^17.0.0"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-barchart",
3
- "version": "4.2.14",
3
+ "version": "4.2.15",
4
4
  "description": "Backpack bar chart component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -15,9 +15,9 @@
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
17
  "@skyscanner/bpk-foundations-web": "^8.0.0",
18
- "bpk-component-mobile-scroll-container": "^3.1.12",
18
+ "bpk-component-mobile-scroll-container": "^3.1.13",
19
19
  "bpk-mixins": "^31.1.1",
20
- "bpk-react-utils": "^6.0.0",
20
+ "bpk-react-utils": "^6.0.1",
21
21
  "d3-path": "^2.0.0",
22
22
  "d3-scale": "^4.0.2",
23
23
  "lodash.debounce": "^4.0.8",
@@ -27,9 +27,9 @@
27
27
  "react": "^16.3.0 || ^17.0.0"
28
28
  },
29
29
  "devDependencies": {
30
- "bpk-component-breakpoint": "^4.0.4",
31
- "bpk-component-content-container": "^5.0.6",
32
- "bpk-component-rtl-toggle": "^3.1.12",
33
- "bpk-component-text": "^7.0.6"
30
+ "bpk-component-breakpoint": "^4.0.5",
31
+ "bpk-component-content-container": "^5.0.7",
32
+ "bpk-component-rtl-toggle": "^3.1.13",
33
+ "bpk-component-text": "^7.0.7"
34
34
  }
35
35
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-blockquote",
3
- "version": "3.1.12",
3
+ "version": "3.1.13",
4
4
  "description": "Backpack blockquote 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": "^6.0.0",
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-breadcrumb",
3
- "version": "3.1.13",
3
+ "version": "3.1.14",
4
4
  "description": "Backpack breadcrumb component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,11 +14,11 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "bpk-component-icon": "^9.2.13",
18
- "bpk-component-link": "^3.1.12",
19
- "bpk-component-text": "^7.0.6",
17
+ "bpk-component-icon": "^9.2.14",
18
+ "bpk-component-link": "^3.1.13",
19
+ "bpk-component-text": "^7.0.7",
20
20
  "bpk-mixins": "^31.1.1",
21
- "bpk-react-utils": "^6.0.0",
21
+ "bpk-react-utils": "^6.0.1",
22
22
  "prop-types": "^15.7.2"
23
23
  },
24
24
  "peerDependencies": {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-breakpoint",
3
- "version": "4.0.4",
3
+ "version": "4.0.5",
4
4
  "description": "Backpack breakpoint 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": "^6.0.0",
18
+ "bpk-react-utils": "^6.0.1",
19
19
  "prop-types": "^15.7.2",
20
20
  "react-responsive": "^6.1.2"
21
21
  },
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-button",
3
- "version": "6.2.7",
3
+ "version": "6.2.8",
4
4
  "description": "Backpack button component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -18,7 +18,7 @@
18
18
  "prop-types": "^15.7.2"
19
19
  },
20
20
  "devDependencies": {
21
- "bpk-storybook-utils": "^1.1.11"
21
+ "bpk-storybook-utils": "^1.1.12"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "react": "^16.3.0 || ^17.0.0"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-calendar",
3
- "version": "11.2.1",
3
+ "version": "11.2.2",
4
4
  "description": "Backpack calendar component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -15,11 +15,11 @@
15
15
  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
16
16
  "dependencies": {
17
17
  "@skyscanner/bpk-foundations-web": "^8.0.0",
18
- "bpk-component-aria-live": "^2.1.21",
19
- "bpk-component-icon": "^9.2.13",
20
- "bpk-component-select": "^5.1.12",
18
+ "bpk-component-aria-live": "^2.1.22",
19
+ "bpk-component-icon": "^9.2.14",
20
+ "bpk-component-select": "^5.1.13",
21
21
  "bpk-mixins": "^31.1.1",
22
- "bpk-react-utils": "^6.0.0",
22
+ "bpk-react-utils": "^6.0.1",
23
23
  "date-fns": "^2.21.1",
24
24
  "prop-types": "^15.7.2"
25
25
  },
@@ -27,8 +27,8 @@
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",
32
- "bpk-storybook-utils": "^1.1.11"
30
+ "bpk-component-button": "^6.2.8",
31
+ "bpk-component-text": "^7.0.7",
32
+ "bpk-storybook-utils": "^1.1.12"
33
33
  }
34
34
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-card",
3
- "version": "4.1.13",
3
+ "version": "4.1.14",
4
4
  "description": "Backpack card component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -15,12 +15,12 @@
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
17
  "bpk-mixins": "^31.1.1",
18
- "bpk-react-utils": "^6.0.0",
18
+ "bpk-react-utils": "^6.0.1",
19
19
  "prop-types": "^15.7.2"
20
20
  },
21
21
  "devDependencies": {
22
- "bpk-component-link": "^3.1.12",
23
- "bpk-component-text": "^7.0.6"
22
+ "bpk-component-link": "^3.1.13",
23
+ "bpk-component-text": "^7.0.7"
24
24
  },
25
25
  "peerDependencies": {
26
26
  "react": "^16.3.0 || ^17.0.0"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-checkbox",
3
- "version": "4.1.14",
3
+ "version": "4.1.15",
4
4
  "description": "Backpack checkbox component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,9 +14,9 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "bpk-component-icon": "^9.2.13",
17
+ "bpk-component-icon": "^9.2.14",
18
18
  "bpk-mixins": "^31.1.1",
19
- "bpk-react-utils": "^6.0.0",
19
+ "bpk-react-utils": "^6.0.1",
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-storybook-utils": "^1.1.11"
27
+ "bpk-storybook-utils": "^1.1.12"
28
28
  }
29
29
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-chip",
3
- "version": "5.2.18",
3
+ "version": "5.2.19",
4
4
  "description": "Backpack chip component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,16 +14,16 @@
14
14
  },
15
15
  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
16
16
  "dependencies": {
17
- "bpk-component-icon": "^9.2.13",
17
+ "bpk-component-icon": "^9.2.14",
18
18
  "bpk-mixins": "^31.1.1",
19
- "bpk-react-utils": "^6.0.0",
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-aria-live": "^2.1.21",
27
- "bpk-component-text": "^7.0.6"
26
+ "bpk-component-aria-live": "^2.1.22",
27
+ "bpk-component-text": "^7.0.7"
28
28
  }
29
29
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-close-button",
3
- "version": "3.1.13",
3
+ "version": "3.1.14",
4
4
  "description": "Backpack close button component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,13 +14,13 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "bpk-component-icon": "^9.2.13",
17
+ "bpk-component-icon": "^9.2.14",
18
18
  "bpk-mixins": "^31.1.1",
19
- "bpk-react-utils": "^6.0.0",
19
+ "bpk-react-utils": "^6.0.1",
20
20
  "prop-types": "^15.7.2"
21
21
  },
22
22
  "devDependencies": {
23
- "bpk-storybook-utils": "^1.1.11"
23
+ "bpk-storybook-utils": "^1.1.12"
24
24
  },
25
25
  "peerDependencies": {
26
26
  "react": "^16.3.0 || ^17.0.0"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-code",
3
- "version": "3.1.12",
3
+ "version": "3.1.13",
4
4
  "description": "Backpack code 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": "^6.0.0",
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-content-container",
3
- "version": "5.0.6",
3
+ "version": "5.0.7",
4
4
  "description": "Backpack content container 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": "^6.0.0",
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-datatable",
3
- "version": "4.2.0",
3
+ "version": "4.2.1",
4
4
  "description": "Backpack datatable component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,9 +14,9 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "bpk-component-icon": "^9.2.13",
17
+ "bpk-component-icon": "^9.2.14",
18
18
  "bpk-mixins": "^31.1.1",
19
- "bpk-react-utils": "^6.0.0",
19
+ "bpk-react-utils": "^6.0.1",
20
20
  "lodash": "^4.17.20",
21
21
  "prop-types": "^15.7.2",
22
22
  "react-virtualized": "^9.22.3"
@@ -121,6 +121,10 @@ const CustomPicker = () => (
121
121
 
122
122
  ## Props
123
123
 
124
+ #### inputComponent
125
+
126
+ `inputComponent` prop is not required. However, if you do pass an `inputComponent` it should be a DOM node with a `ref` attached to it.
127
+
124
128
  For more information on some these props, check the BpkCalendar documentation.
125
129
 
126
130
  > **Note:** Because this component uses a modal on mobile viewports, you need to let it know what
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-datepicker",
3
- "version": "16.0.2",
3
+ "version": "17.0.0",
4
4
  "description": "Backpack datepicker component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,13 +14,13 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "bpk-component-breakpoint": "^4.0.4",
18
- "bpk-component-calendar": "^11.2.1",
19
- "bpk-component-input": "^6.1.18",
20
- "bpk-component-modal": "^5.0.0",
21
- "bpk-component-popover": "^6.0.1",
17
+ "bpk-component-breakpoint": "^4.0.5",
18
+ "bpk-component-calendar": "^11.2.2",
19
+ "bpk-component-input": "^6.1.19",
20
+ "bpk-component-modal": "^5.0.1",
21
+ "bpk-component-popover": "^7.0.0",
22
22
  "bpk-mixins": "^31.1.1",
23
- "bpk-react-utils": "^6.0.0",
23
+ "bpk-react-utils": "^6.0.1",
24
24
  "prop-types": "^15.7.2"
25
25
  },
26
26
  "peerDependencies": {
@@ -28,6 +28,6 @@
28
28
  },
29
29
  "devDependencies": {
30
30
  "@skyscanner/bpk-foundations-web": "^8.0.0",
31
- "bpk-storybook-utils": "^1.1.11"
31
+ "bpk-storybook-utils": "^1.1.12"
32
32
  }
33
33
  }
@@ -58,6 +58,7 @@ class BpkDatepicker extends Component {
58
58
  this.state = {
59
59
  isOpen: props.isOpen,
60
60
  };
61
+ this.inputRef = React.createRef();
61
62
  }
62
63
 
63
64
  componentDidUpdate(prevProps, prevState) {
@@ -221,20 +222,24 @@ class BpkDatepicker extends Component {
221
222
  delete rest.isOpen;
222
223
 
223
224
  const input = inputComponent || (
224
- <Input
225
- id={id}
226
- name={`${id}_input`}
227
- value={this.getValue(selectionConfiguration, formatDate)}
225
+ <div
228
226
  className={getClassName('bpk-datepicker__input')}
229
- aria-live="assertive"
230
- aria-atomic="true"
231
- aria-label={this.getLabel(selectionConfiguration, formatDateFull)}
232
- onChange={() => null}
233
- onOpen={this.onOpen}
234
- isOpen={this.state.isOpen}
235
- valid={valid}
236
- {...inputProps}
237
- />
227
+ ref={this.inputRef}
228
+ >
229
+ <Input
230
+ id={id}
231
+ name={`${id}_input`}
232
+ value={this.getValue(selectionConfiguration, formatDate)}
233
+ aria-live="assertive"
234
+ aria-atomic="true"
235
+ aria-label={this.getLabel(selectionConfiguration, formatDateFull)}
236
+ onChange={() => null}
237
+ onOpen={this.onOpen}
238
+ isOpen={this.state.isOpen}
239
+ valid={valid}
240
+ {...inputProps}
241
+ />
242
+ </div>
238
243
  );
239
244
 
240
245
  const calendarProps = {
@@ -22,4 +22,9 @@
22
22
  &__calendar {
23
23
  margin: 0 auto;
24
24
  }
25
+
26
+ &__input {
27
+ display: inline-block;
28
+ width: 100%;
29
+ }
25
30
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-description-list",
3
- "version": "3.2.0",
3
+ "version": "3.2.1",
4
4
  "description": "Backpack description list 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": "^6.0.0",
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.0",
3
+ "version": "6.0.1",
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.13",
18
- "bpk-component-flare": "^2.1.15",
17
+ "bpk-component-close-button": "^3.1.14",
18
+ "bpk-component-flare": "^2.1.16",
19
19
  "bpk-mixins": "^31.1.1",
20
- "bpk-react-utils": "^6.0.0",
21
- "bpk-scrim-utils": "^5.1.11",
20
+ "bpk-react-utils": "^6.0.1",
21
+ "bpk-scrim-utils": "^5.1.12",
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.7",
29
- "bpk-component-icon": "^9.2.13",
30
- "bpk-component-text": "^7.0.6"
28
+ "bpk-component-button": "^6.2.8",
29
+ "bpk-component-icon": "^9.2.14",
30
+ "bpk-component-text": "^7.0.7"
31
31
  }
32
32
  }