@skyscanner/backpack-web 6.0.0-alpha.1 → 6.1.0

package/bpk-component-calendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-calendar",
-  "version": "11.1.18",
+  "version": "11.1.19",
   "description": "Backpack calendar component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,11 +15,11 @@
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-aria-live": "^2.1.18",
-    "bpk-component-icon": "^9.2.12",
-    "bpk-component-select": "^5.1.11",
+    "bpk-component-aria-live": "^2.1.19",
+    "bpk-component-icon": "^9.2.13",
+    "bpk-component-select": "^5.1.12",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "date-fns": "^2.21.1",
     "prop-types": "^15.7.2"
   },
@@ -27,8 +27,8 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-button": "^6.2.6",
-    "bpk-component-text": "^7.0.5",
-    "bpk-storybook-utils": "^1.1.10"
+    "bpk-component-button": "^6.2.7",
+    "bpk-component-text": "^7.0.6",
+    "bpk-storybook-utils": "^1.1.11"
   }
 }

package/bpk-component-calendar/src/BpkCalendarContainer.js

@@ -18,6 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+
 import { deprecated, isRTL } from '../../bpk-react-utils';
 
 import CustomPropTypes, { CALENDAR_SELECTION_TYPE } from './custom-proptypes';

package/bpk-component-calendar/src/BpkCalendarDate.js

@@ -18,6 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { PureComponent } from 'react';
+
 import { cssModules } from '../../bpk-react-utils';
 
 import CustomPropTypes from './custom-proptypes';

package/bpk-component-calendar/src/BpkCalendarGrid.js

@@ -18,6 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+
 import { cssModules, deprecated, isDeviceIos } from '../../bpk-react-utils';
 
 import BpkCalendarGridHeader from './BpkCalendarGridHeader';

package/bpk-component-calendar/src/BpkCalendarGridHeader.js

@@ -18,6 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { PureComponent } from 'react';
+
 import { cssModules, deprecated } from '../../bpk-react-utils';
 
 import CustomPropTypes from './custom-proptypes';

package/bpk-component-calendar/src/BpkCalendarGridTransition.js

@@ -18,6 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+
 import { cssModules, isRTL } from '../../bpk-react-utils';
 
 import {

package/bpk-component-calendar/src/BpkCalendarNav.js

@@ -18,6 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
+
 import ArrowLeftIcon from '../../bpk-component-icon/lg/arrow-left';
 import ArrowRightIcon from '../../bpk-component-icon/lg/arrow-right';
 import BpkSelect from '../../bpk-component-select';

package/bpk-component-calendar/src/Week.js

@@ -18,6 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+
 import { cssModules, deprecated } from '../../bpk-react-utils';
 
 import {

package/bpk-component-calendar/src/composeCalendar.js

@@ -18,6 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
+
 import { cssModules, deprecated } from '../../bpk-react-utils';
 
 import CustomPropTypes, { CALENDAR_SELECTION_TYPE } from './custom-proptypes';

package/bpk-component-card/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-card",
-  "version": "4.1.12",
+  "version": "4.1.13",
   "description": "Backpack card component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,12 +15,12 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-component-link": "^3.1.11",
-    "bpk-component-text": "^7.0.5"
+    "bpk-component-link": "^3.1.12",
+    "bpk-component-text": "^7.0.6"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-card/src/BpkCard.js

@@ -20,6 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
+
 import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkCard.module.scss';

package/bpk-component-checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-checkbox",
-  "version": "4.1.13",
+  "version": "4.1.14",
   "description": "Backpack checkbox component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^9.2.12",
+    "bpk-component-icon": "^9.2.13",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
@@ -24,6 +24,6 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-storybook-utils": "^1.1.10"
+    "bpk-storybook-utils": "^1.1.11"
   }
 }

package/bpk-component-checkbox/src/BpkCheckbox.js

@@ -20,6 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
+
 import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkCheckbox.module.scss';

package/bpk-component-chip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-chip",
-  "version": "5.2.16",
+  "version": "5.2.17",
   "description": "Backpack chip component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,16 +14,16 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "bpk-component-icon": "^9.2.12",
+    "bpk-component-icon": "^9.2.13",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-aria-live": "^2.1.18",
-    "bpk-component-text": "^7.0.5"
+    "bpk-component-aria-live": "^2.1.19",
+    "bpk-component-text": "^7.0.6"
   }
 }

package/bpk-component-chip/src/BpkDismissibleChip.js

@@ -25,6 +25,7 @@ of a close icon.
 */
 
 import React from 'react';
+
 import CloseCircleIconSm from '../../bpk-component-icon/sm/close-circle';
 
 import BpkSelectableChip from './BpkSelectableChip';

package/bpk-component-chip/src/BpkSelectableChip.js

@@ -20,6 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
+
 import { cssModules } from '../../bpk-react-utils';
 import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 

package/bpk-component-close-button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-close-button",
-  "version": "3.1.12",
+  "version": "3.1.13",
   "description": "Backpack close button component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,13 +14,13 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^9.2.12",
+    "bpk-component-icon": "^9.2.13",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-storybook-utils": "^1.1.10"
+    "bpk-storybook-utils": "^1.1.11"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-close-button/src/BpkCloseButton.js

@@ -20,6 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type StatelessFunctionalComponent } from 'react';
+
 import CloseIcon from '../../bpk-component-icon/sm/close';
 import { cssModules } from '../../bpk-react-utils';
 

package/bpk-component-code/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-code",
-  "version": "3.1.11",
+  "version": "3.1.12",
   "description": "Backpack code component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-code/src/BpkCode.js

@@ -19,6 +19,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
+
 import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkCode.module.scss';

package/bpk-component-code/src/BpkCodeBlock.js

@@ -19,6 +19,7 @@
 
 import React, { type Node } from 'react';
 import PropTypes from 'prop-types';
+
 import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkCodeBlock.module.scss';

package/bpk-component-content-container/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-content-container",
-  "version": "5.0.5",
+  "version": "5.0.6",
   "description": "Backpack content container component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-content-container/src/BpkContentContainer.js

@@ -18,6 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
+
 import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkContentContainer.module.scss';

package/bpk-component-content-container/src/BpkContentContainer.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-content-container>h1:not(:first-child),.bpk-content-container>h2:not(:first-child),.bpk-content-container>h3:not(:first-child),.bpk-content-container>h4:not(:first-child){margin-top:1.875rem}.bpk-content-container>.bpk-content-container{margin-bottom:.75rem}.bpk-content-container>*:last-child{margin-bottom:0}.bpk-content-container--bare-html h1{margin-top:0;margin-bottom:.75rem;font-size:3rem;line-height:3.5rem;font-weight:700;letter-spacing:-.02em}.bpk-content-container--bare-html h2{margin-top:0;margin-bottom:.75rem;font-size:2rem;line-height:2.5rem;font-weight:700}.bpk-content-container--bare-html h3{margin-top:0;margin-bottom:.75rem;font-size:1.5rem;line-height:2rem;font-weight:400}.bpk-content-container--bare-html h4{margin-top:0;margin-bottom:.375rem;font-size:1rem;line-height:1.5rem;font-weight:400}.bpk-content-container--bare-html h5{margin-top:0;margin-bottom:.75rem;font-size:.75rem;line-height:1rem;font-weight:400}.bpk-content-container--bare-html h6{margin-top:0;margin-bottom:.75rem;font-size:.75rem;line-height:1rem;font-weight:400}.bpk-content-container--bare-html a{padding:0;border:0;background-color:transparent;text-decoration:none;cursor:pointer;appearance:none;color:#0770e3;color:var(--bpk-link-color, #0770e3)}.bpk-no-touch-support .bpk-content-container--bare-html a:hover:not(:active):not(:disabled){text-decoration:underline;color:#084eb2;color:var(--bpk-link-hover-color, #084eb2)}:global(.bpk-no-touch-support) .bpk-content-container--bare-html a:hover:not(:active):not(:disabled){text-decoration:underline;color:#084eb2;color:var(--bpk-link-hover-color, #084eb2)}.bpk-content-container--bare-html a:visited{color:#0770e3;color:var(--bpk-link-visited-color, #0770e3)}.bpk-content-container--bare-html a:active{text-decoration:underline;color:#042759;color:var(--bpk-link-active-color, #042759)}.bpk-content-container--bare-html p{margin-top:0;margin-bottom:.375rem;font-size:1rem;line-height:1.5rem;font-weight:400}.bpk-content-container--bare-html ul,.bpk-content-container--bare-html ol{margin-top:1rem;margin-bottom:1rem;padding-left:1.5rem}.bpk-content-container--bare-html ul ul,.bpk-content-container--bare-html ul ol,.bpk-content-container--bare-html ol ul,.bpk-content-container--bare-html ol ol{margin-top:0;margin-bottom:0;padding-top:0.5rem;padding-bottom:0.25rem}.bpk-content-container--bare-html ul li,.bpk-content-container--bare-html ol li{margin-top:0;margin-bottom:.25rem}.bpk-content-container--bare-html table{width:100%;margin-bottom:0.5rem;border-collapse:collapse;table-layout:fixed;box-shadow:0 0 0 1px #dddde5 }.bpk-content-container--bare-html table td{padding:1rem}.bpk-content-container--bare-html table th{padding:1rem;background-color:#f1f2f8;font-weight:normal;text-align:left}html[dir='rtl'] .bpk-content-container--bare-html table th{text-align:right}.bpk-content-container--bare-html code{display:inline;padding:0 .375rem;background-color:#f1f2f8;color:#444560;text-align:left;text-shadow:0 .0625rem #fff;white-space:nowrap;vertical-align:bottom;border-radius:.25rem}html[dir='rtl'] .bpk-content-container--bare-html code{direction:ltr}.bpk-content-container--bare-html pre{margin:0 0 .75rem;padding:1.5rem;background-color:#f1f2f8;border-radius:.25rem}.bpk-content-container--bare-html pre>code{display:block;margin:0;padding:0;background-color:transparent;white-space:inherit;overflow:auto;-ms-overflow-style:none}.bpk-content-container--bare-html pre>code::-webkit-scrollbar{display:none}.bpk-content-container--bare-html blockquote{margin:0 0 1rem 0;padding:1.5rem;background-color:#f1f2f8;color:#68697f;box-shadow:2px 0 0 0 #0770e3 inset;box-shadow:2px 0 0 0 var(--bpk-blockquote-bar-color, #0770e3) inset}html[dir='rtl'] .bpk-content-container--bare-html blockquote{padding:1.5rem;border-left:0;box-shadow:-2px 0 0 0 #0770e3 inset;box-shadow:-2px 0 0 0 var(--bpk-blockquote-bar-color, #0770e3) inset}.bpk-content-container--bare-html blockquote>*:last-child{margin-bottom:0}.bpk-content-container--bare-html-alternate code{background-color:#cddff8;text-shadow:none}.bpk-content-container--bare-html-alternate pre{background-color:transparent;box-shadow:0 0 0 1px #b2b2bf inset}.bpk-content-container--bare-html-alternate pre>code{display:block;margin:0;padding:0;background-color:transparent;white-space:inherit;overflow:auto;-ms-overflow-style:none}.bpk-content-container--bare-html-alternate pre>code::-webkit-scrollbar{display:none}.bpk-content-container--bare-html-alternate table{box-shadow:0 0 0 1px #b2b2bf }.bpk-content-container--bare-html-alternate table th{background-color:#fff;text-align:left;font-weight:700}html[dir='rtl'] .bpk-content-container--bare-html-alternate table th{text-align:right}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-content-container>h1:not(:first-child),.bpk-content-container>h2:not(:first-child),.bpk-content-container>h3:not(:first-child),.bpk-content-container>h4:not(:first-child){margin-top:1.875rem}.bpk-content-container>.bpk-content-container{margin-bottom:.75rem}.bpk-content-container>*:last-child{margin-bottom:0}.bpk-content-container--bare-html h1{margin-top:0;margin-bottom:.75rem;font-size:3rem;line-height:3.5rem;font-weight:700;letter-spacing:-.02em}@media (max-width: 32.25rem){.bpk-content-container--bare-html h1{font-size:2rem;line-height:2.5rem;font-weight:700}}.bpk-content-container--bare-html h2{margin-top:0;margin-bottom:.75rem;font-size:2rem;line-height:2.5rem;font-weight:700}@media (max-width: 32.25rem){.bpk-content-container--bare-html h2{font-size:1.5rem;line-height:2rem;font-weight:400}}.bpk-content-container--bare-html h3{margin-top:0;margin-bottom:.75rem;font-size:1.5rem;line-height:2rem;font-weight:400}@media (max-width: 32.25rem){.bpk-content-container--bare-html h3{font-size:1rem;line-height:1.5rem;font-weight:400;font-weight:700}}.bpk-content-container--bare-html h4{margin-top:0;margin-bottom:.375rem;font-size:1rem;line-height:1.5rem;font-weight:400}@media (max-width: 32.25rem){.bpk-content-container--bare-html h4{font-size:.75rem;line-height:1rem;font-weight:400;font-weight:700}}.bpk-content-container--bare-html h5{margin-top:0;margin-bottom:.75rem;font-size:.75rem;line-height:1rem;font-weight:400}@media (max-width: 32.25rem){.bpk-content-container--bare-html h5{font-size:.75rem;line-height:1rem;font-weight:400;font-weight:700}}.bpk-content-container--bare-html h6{margin-top:0;margin-bottom:.75rem;font-size:.75rem;line-height:1rem;font-weight:400}@media (max-width: 32.25rem){.bpk-content-container--bare-html h6{font-size:.75rem;line-height:1rem;font-weight:400;font-weight:700}}.bpk-content-container--bare-html a{padding:0;border:0;background-color:transparent;text-decoration:none;cursor:pointer;appearance:none;color:#0770e3;color:var(--bpk-link-color, #0770e3)}.bpk-no-touch-support .bpk-content-container--bare-html a:hover:not(:active):not(:disabled){text-decoration:underline;color:#084eb2;color:var(--bpk-link-hover-color, #084eb2)}:global(.bpk-no-touch-support) .bpk-content-container--bare-html a:hover:not(:active):not(:disabled){text-decoration:underline;color:#084eb2;color:var(--bpk-link-hover-color, #084eb2)}.bpk-content-container--bare-html a:visited{color:#0770e3;color:var(--bpk-link-visited-color, #0770e3)}.bpk-content-container--bare-html a:active{text-decoration:underline;color:#042759;color:var(--bpk-link-active-color, #042759)}.bpk-content-container--bare-html p{margin-top:0;margin-bottom:.375rem;font-size:1rem;line-height:1.5rem;font-weight:400}.bpk-content-container--bare-html ul,.bpk-content-container--bare-html ol{margin-top:0;margin-bottom:.75rem;padding-left:1.5rem}.bpk-content-container--bare-html ul ul,.bpk-content-container--bare-html ul ol,.bpk-content-container--bare-html ol ul,.bpk-content-container--bare-html ol ol{margin-top:0;margin-bottom:0}.bpk-content-container--bare-html ul li,.bpk-content-container--bare-html ol li{margin-top:0;margin-bottom:0}.bpk-content-container--bare-html table{width:100%;margin-bottom:0.5rem;border-collapse:collapse;table-layout:fixed;box-shadow:0 0 0 1px #dddde5 }.bpk-content-container--bare-html table td{padding:1rem}.bpk-content-container--bare-html table th{padding:1rem;background-color:#f1f2f8;font-weight:normal;text-align:left}html[dir='rtl'] .bpk-content-container--bare-html table th{text-align:right}.bpk-content-container--bare-html code{display:inline;padding:0 .375rem;background-color:#f1f2f8;color:#444560;text-align:left;text-shadow:0 .0625rem #fff;white-space:nowrap;vertical-align:bottom;border-radius:.25rem}html[dir='rtl'] .bpk-content-container--bare-html code{direction:ltr}.bpk-content-container--bare-html pre{margin:0 0 .75rem;padding:1.5rem;background-color:#f1f2f8;border-radius:.25rem}.bpk-content-container--bare-html pre>code{display:block;margin:0;padding:0;background-color:transparent;white-space:inherit;overflow:auto;-ms-overflow-style:none}.bpk-content-container--bare-html pre>code::-webkit-scrollbar{display:none}.bpk-content-container--bare-html blockquote{margin:0 0 1rem 0;padding:1.5rem;background-color:#f1f2f8;color:#68697f;box-shadow:2px 0 0 0 #0770e3 inset;box-shadow:2px 0 0 0 var(--bpk-blockquote-bar-color, #0770e3) inset}html[dir='rtl'] .bpk-content-container--bare-html blockquote{padding:1.5rem;border-left:0;box-shadow:-2px 0 0 0 #0770e3 inset;box-shadow:-2px 0 0 0 var(--bpk-blockquote-bar-color, #0770e3) inset}.bpk-content-container--bare-html blockquote>*:last-child{margin-bottom:0}.bpk-content-container--bare-html-alternate code{background-color:#cddff8;text-shadow:none}.bpk-content-container--bare-html-alternate pre{background-color:transparent;box-shadow:0 0 0 1px #b2b2bf inset}.bpk-content-container--bare-html-alternate pre>code{display:block;margin:0;padding:0;background-color:transparent;white-space:inherit;overflow:auto;-ms-overflow-style:none}.bpk-content-container--bare-html-alternate pre>code::-webkit-scrollbar{display:none}.bpk-content-container--bare-html-alternate table{box-shadow:0 0 0 1px #b2b2bf }.bpk-content-container--bare-html-alternate table th{background-color:#fff;text-align:left;font-weight:700}html[dir='rtl'] .bpk-content-container--bare-html-alternate table th{text-align:right}

package/bpk-component-datatable/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-datatable",
-  "version": "4.1.12",
+  "version": "4.1.13",
   "description": "Backpack datatable component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^9.2.12",
+    "bpk-component-icon": "^9.2.13",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "lodash": "^4.17.20",
     "prop-types": "^15.7.2",
     "react-virtualized": "^9.22.3"

package/bpk-component-datatable/src/BpkDataTable.js

@@ -20,9 +20,10 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { Table, AutoSizer } from 'react-virtualized';
-import { cssModules } from '../../bpk-react-utils';
 import _omit from 'lodash/omit';
 
+import { cssModules } from '../../bpk-react-utils';
+
 import STYLES from './BpkDataTable.module.scss';
 import BpkDataTableColumn from './BpkDataTableColumn';
 import hasChildrenOfType from './hasChildrenOfType';

package/bpk-component-datatable/src/BpkDataTableColumn.js

@@ -19,6 +19,7 @@
 
 import React, { type Element } from 'react';
 import { Column } from 'react-virtualized';
+
 import { cssModules } from '../../bpk-react-utils';
 
 import bpkHeaderRenderer from './bpkHeaderRenderer';

package/bpk-component-datatable/src/bpkHeaderRenderer.js

@@ -19,6 +19,7 @@
 
 import React from 'react';
 import { SortDirection } from 'react-virtualized';
+
 import { cssModules } from '../../bpk-react-utils';
 import BpkSmallArrowDownIcon from '../../bpk-component-icon/sm/arrow-down';
 import BpkSmallArrowUpIcon from '../../bpk-component-icon/sm/arrow-up';

package/bpk-component-datepicker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-datepicker",
-  "version": "15.2.18",
+  "version": "16.0.0",
   "description": "Backpack datepicker component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,13 +14,13 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-breakpoint": "^4.0.3",
-    "bpk-component-calendar": "^11.1.18",
-    "bpk-component-input": "^6.1.16",
-    "bpk-component-modal": "^4.0.1",
-    "bpk-component-popover": "^5.0.3",
+    "bpk-component-breakpoint": "^4.0.4",
+    "bpk-component-calendar": "^11.1.19",
+    "bpk-component-input": "^6.1.17",
+    "bpk-component-modal": "^5.0.0",
+    "bpk-component-popover": "^6.0.0",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
@@ -28,6 +28,6 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-storybook-utils": "^1.1.10"
+    "bpk-storybook-utils": "^1.1.11"
   }
 }

package/bpk-component-datepicker/src/BpkDatepicker.js

@@ -16,12 +16,13 @@
  * limitations under the License.
  */
 
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+
 import BpkInput, { withOpenEvents } from '../../bpk-component-input';
 import BpkModal from '../../bpk-component-modal';
 import BpkPopover from '../../bpk-component-popover';
 import { cssModules, deprecated } from '../../bpk-react-utils';
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
 import BpkBreakpoint, { BREAKPOINTS } from '../../bpk-component-breakpoint';
 import {
   composeCalendar,

package/bpk-component-description-list/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-description-list",
-  "version": "3.1.11",
+  "version": "3.1.12",
   "description": "Backpack description list component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-description-list/src/ComponentFactory.js

@@ -18,6 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
+
 import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkDescriptionList.module.scss';

package/bpk-component-dialog/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-dialog",
-  "version": "5.0.0",
+  "version": "6.0.0",
   "description": "Backpack dialog component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,19 +14,19 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-close-button": "^3.1.12",
-    "bpk-component-flare": "^2.1.14",
+    "bpk-component-close-button": "^3.1.13",
+    "bpk-component-flare": "^2.1.15",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
-    "bpk-scrim-utils": "^5.1.10",
+    "bpk-react-utils": "^6.0.0",
+    "bpk-scrim-utils": "^5.1.11",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-button": "^6.2.6",
-    "bpk-component-icon": "^9.2.12",
-    "bpk-component-text": "^7.0.5"
+    "bpk-component-button": "^6.2.7",
+    "bpk-component-icon": "^9.2.13",
+    "bpk-component-text": "^7.0.6"
   }
 }

package/bpk-component-dialog/src/BpkDialog.js

@@ -19,6 +19,7 @@
 /* @flow strict */
 
 import React from 'react';
+
 import { cssModules, Portal } from '../../bpk-react-utils';
 import BpkCloseButton from '../../bpk-component-close-button';
 

package/bpk-component-dialog/src/BpkDialogInner.js

@@ -19,6 +19,7 @@
 /* @flow strict */
 
 import React from 'react';
+
 import { TransitionInitialMount, cssModules } from '../../bpk-react-utils';
 import { withScrim } from '../../bpk-scrim-utils';
 import { BpkContentBubble } from '../../bpk-component-flare';

package/bpk-component-dialog/src/BpkDialogInner.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-dialog-inner{z-index:1100;width:100%;max-width:32rem;margin:auto;transform:scale(1);transition:opacity 200ms ease-in-out,transform 200ms ease-in-out;outline:0;background-color:#fff;opacity:1;-webkit-tap-highlight-color:transparent;box-shadow:0px 12px 50px 0px rgba(37,32,31,0.25);border-radius:.375rem}.bpk-dialog-inner--appear{transform:scale(0.9);opacity:0}.bpk-dialog-inner--appear-active{transform:scale(1);opacity:1}.bpk-dialog-inner__content{padding:1rem;flex:1;overflow-y:auto}.bpk-dialog-inner__flare{height:15rem;border-radius:inherit;background-color:#0770e3}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-dialog-inner{z-index:1100;width:100%;max-width:32.25rem;margin:auto;transform:scale(1);transition:opacity 200ms ease-in-out,transform 200ms ease-in-out;outline:0;background-color:#fff;opacity:1;-webkit-tap-highlight-color:transparent;box-shadow:0px 12px 50px 0px rgba(37,32,31,0.25);border-radius:.375rem}.bpk-dialog-inner--appear{transform:scale(0.9);opacity:0}.bpk-dialog-inner--appear-active{transform:scale(1);opacity:1}.bpk-dialog-inner__content{padding:1rem;flex:1;overflow-y:auto}.bpk-dialog-inner__flare{height:15rem;border-radius:inherit;background-color:#0770e3}

package/bpk-component-drawer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-drawer",
-  "version": "5.0.0",
+  "version": "6.0.0",
   "description": "Backpack drawer component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,12 +15,12 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-close-button": "^3.1.12",
-    "bpk-component-icon": "^9.2.12",
-    "bpk-component-link": "^3.1.11",
+    "bpk-component-close-button": "^3.1.13",
+    "bpk-component-icon": "^9.2.13",
+    "bpk-component-link": "^3.1.12",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
-    "bpk-scrim-utils": "^5.1.10",
+    "bpk-react-utils": "^6.0.0",
+    "bpk-scrim-utils": "^5.1.11",
     "prop-types": "^15.7.2",
     "react-transition-group": "^2.5.3"
   },
@@ -28,7 +28,7 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-button": "^6.2.6",
-    "bpk-component-text": "^7.0.5"
+    "bpk-component-button": "^6.2.7",
+    "bpk-component-text": "^7.0.6"
   }
 }

package/bpk-component-drawer/src/BpkDrawer.js

@@ -20,6 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+
 import { Portal, cssModules } from '../../bpk-react-utils';
 import { withScrim } from '../../bpk-scrim-utils';
 

package/bpk-component-drawer/src/BpkDrawerContent.js

@@ -22,6 +22,7 @@ import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
 import Transition from 'react-transition-group/Transition';
 import { animations } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
+
 import { cssModules } from '../../bpk-react-utils';
 import { BpkButtonLink } from '../../bpk-component-link';
 import BpkCloseButton from '../../bpk-component-close-button';

package/bpk-component-drawer/src/BpkDrawerContent.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-drawer{position:fixed;right:0;display:flex;z-index:1100;width:90%;max-width:25rem;height:100%;flex-direction:column;transform:translate(100%);transition:transform 200ms ease;outline:0;background:#fff;overflow-y:scroll;box-shadow:0px 12px 50px 0px rgba(37,32,31,0.25)}html[dir='rtl'] .bpk-drawer{right:auto;left:0;transform:translate(-100%)}@media (max-width: 32rem){.bpk-drawer{width:100%;max-width:100%}}.bpk-drawer--entering,.bpk-drawer--entered{transform:translate(0)}html[dir='rtl'] .bpk-drawer--entering,html[dir='rtl'] .bpk-drawer--entered{transform:translate(0)}.bpk-drawer--exiting{transition:transform 50ms ease}.bpk-drawer--exiting,.bpk-drawer--exited{transform:translate(100%)}html[dir='rtl'] .bpk-drawer--exiting,html[dir='rtl'] .bpk-drawer--exited{transform:translate(-100%)}.bpk-drawer__header{display:flex;min-height:3rem;padding:1rem;justify-content:space-between;align-items:center;flex:0 0;box-shadow:0 -1px 0 0 #dddde5 inset}.bpk-drawer__heading{margin:0;font-size:1rem;line-height:1.5rem;font-weight:700}.bpk-drawer__heading--visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}.bpk-drawer__close-button{float:right}html[dir='rtl'] .bpk-drawer__close-button{float:left}.bpk-drawer__content{height:100%;padding:1rem;flex:1 1 100%;overflow-y:auto}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-drawer{position:fixed;right:0;display:flex;z-index:1100;width:90%;max-width:25rem;height:100%;flex-direction:column;transform:translate(100%);transition:transform 200ms ease;outline:0;background:#fff;overflow-y:scroll;box-shadow:0px 12px 50px 0px rgba(37,32,31,0.25)}html[dir='rtl'] .bpk-drawer{right:auto;left:0;transform:translate(-100%)}@media (max-width: 32.25rem){.bpk-drawer{width:100%;max-width:100%}}.bpk-drawer--entering,.bpk-drawer--entered{transform:translate(0)}html[dir='rtl'] .bpk-drawer--entering,html[dir='rtl'] .bpk-drawer--entered{transform:translate(0)}.bpk-drawer--exiting{transition:transform 50ms ease}.bpk-drawer--exiting,.bpk-drawer--exited{transform:translate(100%)}html[dir='rtl'] .bpk-drawer--exiting,html[dir='rtl'] .bpk-drawer--exited{transform:translate(-100%)}.bpk-drawer__header{display:flex;min-height:3rem;padding:1rem;justify-content:space-between;align-items:center;flex:0 0;box-shadow:0 -1px 0 0 #dddde5 inset}.bpk-drawer__heading{margin:0;font-size:1rem;line-height:1.5rem;font-weight:700}.bpk-drawer__heading--visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}.bpk-drawer__close-button{float:right}html[dir='rtl'] .bpk-drawer__close-button{float:left}.bpk-drawer__content{height:100%;padding:1rem;flex:1 1 100%;overflow-y:auto}