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

package/bpk-component-overlay/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-overlay",
-  "version": "2.1.13",
+  "version": "2.1.14",
   "description": "Backpack overlay component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,15 +14,15 @@
   },
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.5.8"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-image": "^5.1.13",
-    "bpk-component-text": "^7.0.5"
+    "bpk-component-image": "^5.1.14",
+    "bpk-component-text": "^7.0.6"
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8"
 }

package/bpk-component-overlay/src/BpkOverlay.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 './BpkOverlay.module.scss';

package/bpk-component-pagination/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-pagination",
-  "version": "4.0.10",
+  "version": "4.0.11",
   "description": "Backpack pagination component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,15 +14,15 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-button": "^6.2.6",
+    "bpk-component-button": "^6.2.7",
     "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-icon": "^9.2.12"
+    "bpk-component-icon": "^9.2.13"
   }
 }

package/bpk-component-pagination/src/BpkPagination.js

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

package/bpk-component-pagination/src/BpkPaginationList.js

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

package/bpk-component-pagination/src/BpkPaginationNudger.js

@@ -18,6 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
+
 import { cssModules } from '../../bpk-react-utils';
 import { withButtonAlignment, withRtlSupport } from '../../bpk-component-icon';
 import ArrowLeftIcon from '../../bpk-component-icon/lg/arrow-left';

package/bpk-component-pagination/src/BpkPaginationPage.js

@@ -16,9 +16,10 @@
  * limitations under the License.
  */
 
-import BpkButton from '../../bpk-component-button';
 import PropTypes from 'prop-types';
 import React from 'react';
+
+import BpkButton from '../../bpk-component-button';
 import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkPaginationPage.module.scss';

package/bpk-component-pagination/src/BpkPaginationPage.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-pagination-page{min-width:2.25rem;height:2.25rem;padding:0;border-radius:50%;font-size:1rem;line-height:1.5rem;font-weight:700}.bpk-pagination-page--selected{background-image:none;color:#fff;box-shadow:none;cursor:auto;background-color:#042759;background-color:var(--bpk-pagination-selected-background-color, #042759);box-shadow:0 0 0 2px #042759 inset;box-shadow:0 0 0 2px var(--bpk-pagination-selected-background-color, #042759) inset}.bpk-no-touch-support .bpk-pagination-page--selected:hover:not(:active):not(:disabled){background-image:none;color:#fff;box-shadow:none;background-color:#042759;background-color:var(--bpk-pagination-selected-background-color, #042759);box-shadow:0 0 0 2px #042759 inset;box-shadow:0 0 0 2px var(--bpk-pagination-selected-background-color, #042759) inset}:global(.bpk-no-touch-support) .bpk-pagination-page--selected:hover:not(:active):not(:disabled){background-image:none;color:#fff;box-shadow:none;background-color:#042759;background-color:var(--bpk-pagination-selected-background-color, #042759);box-shadow:0 0 0 2px #042759 inset;box-shadow:0 0 0 2px var(--bpk-pagination-selected-background-color, #042759) inset}.bpk-pagination-page--selected:active{background-image:none;color:#fff;box-shadow:none;background-color:#042759;background-color:var(--bpk-pagination-selected-background-color, #042759);box-shadow:0 0 0 2px #042759 inset;box-shadow:0 0 0 2px var(--bpk-pagination-selected-background-color, #042759) inset}.bpk-pagination-page--selected:disabled{box-shadow:none}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-pagination-page{min-width:2.25rem;height:2.25rem;padding:0;border-radius:50%}.bpk-pagination-page--selected{background-image:none;color:#fff;box-shadow:none;cursor:auto;background-color:#042759;background-color:var(--bpk-pagination-selected-background-color, #042759);box-shadow:0 0 0 2px #042759 inset;box-shadow:0 0 0 2px var(--bpk-pagination-selected-background-color, #042759) inset}.bpk-no-touch-support .bpk-pagination-page--selected:hover:not(:active):not(:disabled){background-image:none;color:#fff;box-shadow:none;background-color:#042759;background-color:var(--bpk-pagination-selected-background-color, #042759);box-shadow:0 0 0 2px #042759 inset;box-shadow:0 0 0 2px var(--bpk-pagination-selected-background-color, #042759) inset}:global(.bpk-no-touch-support) .bpk-pagination-page--selected:hover:not(:active):not(:disabled){background-image:none;color:#fff;box-shadow:none;background-color:#042759;background-color:var(--bpk-pagination-selected-background-color, #042759);box-shadow:0 0 0 2px #042759 inset;box-shadow:0 0 0 2px var(--bpk-pagination-selected-background-color, #042759) inset}.bpk-pagination-page--selected:active{background-image:none;color:#fff;box-shadow:none;background-color:#042759;background-color:var(--bpk-pagination-selected-background-color, #042759);box-shadow:0 0 0 2px #042759 inset;box-shadow:0 0 0 2px var(--bpk-pagination-selected-background-color, #042759) inset}.bpk-pagination-page--selected:disabled{box-shadow:none}

package/bpk-component-panel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-panel",
-  "version": "3.1.11",
+  "version": "3.1.12",
   "description": "Backpack panel 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-panel/src/BpkPanel.js

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

package/bpk-component-phone-input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-phone-input",
-  "version": "7.1.18",
+  "version": "7.1.19",
   "description": "Backpack phone input component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,19 +15,19 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-input": "^6.1.16",
-    "bpk-component-label": "^5.1.11",
-    "bpk-component-select": "^5.1.11",
-    "bpk-component-text": "^7.0.5",
+    "bpk-component-input": "^6.1.17",
+    "bpk-component-label": "^5.1.12",
+    "bpk-component-select": "^5.1.12",
+    "bpk-component-text": "^7.0.6",
     "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-fieldset": "^4.1.18",
-    "bpk-component-image": "^5.1.13"
+    "bpk-component-fieldset": "^4.1.19",
+    "bpk-component-image": "^5.1.14"
   }
 }

package/bpk-component-phone-input/src/BpkPhoneInput.js

@@ -20,6 +20,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
+
 import { cssModules } from '../../bpk-react-utils';
 import BpkInput, { INPUT_TYPES } from '../../bpk-component-input';
 import BpkLabel from '../../bpk-component-label';

package/bpk-component-phone-input/src/BpkPhoneInput.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-phone-input{display:flex;column-gap:0.5rem}@media (max-width: 32rem){.bpk-phone-input{flex-wrap:wrap}.bpk-phone-input__phone-number{width:100%;margin-top:1rem}}.bpk-phone-input__phone-number{flex:auto}.bpk-phone-input__label{margin-bottom:0.5rem}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-phone-input{display:flex;column-gap:0.5rem}@media (max-width: 32.25rem){.bpk-phone-input{flex-wrap:wrap}.bpk-phone-input__phone-number{width:100%;margin-top:1rem}}.bpk-phone-input__phone-number{flex:auto}.bpk-phone-input__label{margin-bottom:0.5rem}

package/bpk-component-popover/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-popover",
-  "version": "5.0.3",
+  "version": "6.0.0",
   "description": "Backpack popover component.",
   "license": "Apache-2.0",
   "repository": {
@@ -17,19 +17,19 @@
     "@popperjs/core": "^2.11.5",
     "a11y-focus-scope": "^1.1.3",
     "a11y-focus-store": "^1.0.0",
-    "bpk-component-close-button": "^3.1.12",
-    "bpk-component-link": "^3.1.11",
-    "bpk-component-text": "^7.0.5",
+    "bpk-component-close-button": "^3.1.13",
+    "bpk-component-link": "^3.1.12",
+    "bpk-component-text": "^7.0.6",
     "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-button": "^6.2.6",
-    "bpk-component-content-container": "^5.0.5",
-    "bpk-component-input": "^6.1.16"
+    "bpk-component-button": "^6.2.7",
+    "bpk-component-content-container": "^5.0.6",
+    "bpk-component-input": "^6.1.17"
   }
 }

package/bpk-component-popover/src/BpkPopover.js

@@ -20,6 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
+
 import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 import { BpkButtonLink } from '../../bpk-component-link';
 import BpkCloseButton from '../../bpk-component-close-button';

package/bpk-component-popover/src/BpkPopover.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-popover-portal{z-index:900}@media (max-width: 32rem){.bpk-popover-portal{margin-right:1rem;margin-left:1rem}}.bpk-popover{transition:opacity 200ms ease-in-out;outline:0;opacity:1;border:.0625rem solid #dddde5;background-color:#fff;border-radius:.375rem;box-shadow:0px 4px 14px 0px rgba(37,32,31,0.25)}@media (min-width: 32.0625rem){.bpk-popover{max-width:32rem;transition:opacity 50ms ease-in-out}}.bpk-popover--appear{opacity:0}.bpk-popover--appear-active{opacity:1}.bpk-popover__arrow{position:aboslute;width:1.5rem;height:1.5rem;transform:rotate(45deg);border:.0625rem solid transparent;background:inherit}.bpk-popover-portal[data-popper-placement='top'] .bpk-popover__arrow{bottom:-.6875rem;border-right-color:#dddde5;border-bottom-color:#dddde5}.bpk-popover-portal[data-popper-placement='right'] .bpk-popover__arrow{left:-.6875rem;border-bottom-color:#dddde5;border-left-color:#dddde5}.bpk-popover-portal[data-popper-placement='bottom'] .bpk-popover__arrow{top:-.6875rem;border-top-color:#dddde5;border-left-color:#dddde5}.bpk-popover-portal[data-popper-placement='left'] .bpk-popover__arrow{right:-.6875rem;border-top-color:#dddde5;border-right-color:#dddde5}.bpk-popover__arrow[data-hide]{visibility:hidden}.bpk-popover__body--padded{padding:1rem}.bpk-popover__header{display:flex;padding:1rem;justify-content:space-between;box-shadow:0 -1px 0 0 #dddde5 inset}.bpk-popover__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}.bpk-popover__close-button{float:right}html[dir='rtl'] .bpk-popover__close-button{float:left}.bpk-popover__footer{padding:0.5rem 1rem;text-align:right;box-shadow:0 1px 0 0 #dddde5 inset}html[dir='rtl'] .bpk-popover__footer{text-align:left}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-popover-portal{z-index:900}@media (max-width: 32.25rem){.bpk-popover-portal{margin-right:1rem;margin-left:1rem}}.bpk-popover-portal[x-placement='top']{margin-bottom:.75rem}.bpk-popover-portal[x-placement='right']{margin-left:.75rem}.bpk-popover-portal[x-placement='bottom']{margin-top:.75rem}.bpk-popover-portal[x-placement='left']{margin-right:.75rem}.bpk-popover{transition:opacity 200ms ease-in-out;outline:0;opacity:1;border:.0625rem solid #dddde5;background-color:#fff;border-radius:.375rem;box-shadow:0px 4px 14px 0px rgba(37,32,31,0.25)}@media (min-width: 32.3125rem){.bpk-popover{max-width:32.25rem;transition:opacity 50ms ease-in-out}}.bpk-popover--appear{opacity:0}.bpk-popover--appear-active{opacity:1}.bpk-popover__arrow{position:absolute;pointer-events:none}.bpk-popover__arrow::before,.bpk-popover__arrow::after{position:absolute;content:' ';display:block}.bpk-popover__arrow::before{border:.8125rem solid transparent}.bpk-popover__arrow::after{border:.75rem solid transparent}.bpk-popover-portal[x-placement='top'] .bpk-popover__arrow{top:100%;width:1.5rem;height:.75rem}.bpk-popover-portal[x-placement='top'] .bpk-popover__arrow::before{bottom:-.8125rem;margin-left:-.0625rem;border-top-color:#dddde5}html[dir='rtl'] .bpk-popover-portal[x-placement='top'] .bpk-popover__arrow::before{margin-right:-.0625rem;margin-left:0}.bpk-popover-portal[x-placement='top'] .bpk-popover__arrow::after{bottom:-.6875rem;border-top-color:#fff}.bpk-popover-portal[x-placement='right'] .bpk-popover__arrow{right:100%;width:.75rem;height:1.5rem}.bpk-popover-portal[x-placement='right'] .bpk-popover__arrow::before{left:-.8125rem;margin-top:-.0625rem;border-right-color:#dddde5}.bpk-popover-portal[x-placement='right'] .bpk-popover__arrow::after{left:-.6875rem;border-right-color:#fff}.bpk-popover-portal[x-placement='bottom'] .bpk-popover__arrow{bottom:100%;width:1.5rem;height:.75rem}.bpk-popover-portal[x-placement='bottom'] .bpk-popover__arrow::before{top:-.8125rem;margin-left:-.0625rem;border-bottom-color:#dddde5}html[dir='rtl'] .bpk-popover-portal[x-placement='bottom'] .bpk-popover__arrow::before{margin-right:-.0625rem;margin-left:0}.bpk-popover-portal[x-placement='bottom'] .bpk-popover__arrow::after{top:-.6875rem;border-bottom-color:#fff}.bpk-popover-portal[x-placement='left'] .bpk-popover__arrow{left:100%;width:.75rem;height:1.5rem}.bpk-popover-portal[x-placement='left'] .bpk-popover__arrow::before{right:-.8125rem;margin-top:-.0625rem;border-left-color:#dddde5}.bpk-popover-portal[x-placement='left'] .bpk-popover__arrow::after{right:-.6875rem;border-left-color:#fff}.bpk-popover__body--padded{padding:1rem}.bpk-popover__header{display:flex;padding:1rem;justify-content:space-between;box-shadow:0 -1px 0 0 #dddde5 inset}.bpk-popover__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}.bpk-popover__close-button{float:right}html[dir='rtl'] .bpk-popover__close-button{float:left}.bpk-popover__footer{padding:0.5rem 1rem;text-align:right;box-shadow:0 1px 0 0 #dddde5 inset}html[dir='rtl'] .bpk-popover__footer{text-align:left}

package/bpk-component-popover/src/BpkPopoverPortal.js

@@ -22,6 +22,7 @@ import { createPopper, basePlacements } from '@popperjs/core';
 import PropTypes from 'prop-types';
 import React, { Component, type Node } from 'react';
 import focusStore from 'a11y-focus-store';
+
 import { Portal, cssModules } from '../../bpk-react-utils';
 
 import keyboardFocusScope from './keyboardFocusScope';

package/bpk-component-price/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-price",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Backpack price component.",
   "license": "Apache-2.0",
   "repository": {
@@ -13,9 +13,9 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "bpk-component-text": "^7.0.5",
+    "bpk-component-text": "^7.0.6",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.5.8"
   },
   "peerDependencies": {

package/bpk-component-price/src/BpkPrice.js

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

package/bpk-component-progress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-progress",
-  "version": "3.1.11",
+  "version": "3.1.12",
   "description": "Backpack progress bar component.",
   "license": "Apache-2.0",
   "repository": {
@@ -16,7 +16,7 @@
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "lodash.clamp": "^4.0.3",
     "prop-types": "^15.7.2"
   },
@@ -24,7 +24,7 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-button": "^6.2.6",
-    "bpk-storybook-utils": "^1.1.10"
+    "bpk-component-button": "^6.2.7",
+    "bpk-storybook-utils": "^1.1.11"
   }
 }

package/bpk-component-progress/src/BpkProgress.js

@@ -22,6 +22,7 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { colorWhite } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import clamp from 'lodash.clamp';
+
 import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkProgress.module.scss';

package/bpk-component-radio/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-radio",
-  "version": "3.1.12",
+  "version": "3.1.13",
   "description": "Backpack radio button 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": {
@@ -23,6 +23,6 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-storybook-utils": "^1.1.10"
+    "bpk-storybook-utils": "^1.1.11"
   }
 }

package/bpk-component-radio/src/BpkRadio.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 './BpkRadio.module.scss';

package/bpk-component-rating/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-rating",
-  "version": "5.0.2",
+  "version": "5.0.3",
   "description": "Backpack rating component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "lodash.clamp": "^4.0.3",
     "prop-types": "^15.5.8"
   },
@@ -24,6 +24,6 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-text": "^7.0.5"
+    "bpk-component-text": "^7.0.6"
   }
 }

package/bpk-component-rating/src/BpkRating.js

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

package/bpk-component-rating/src/BpkRating.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-rating{display:flex;flex-flow:row nowrap;align-items:baseline}.bpk-rating--large{align-items:center}.bpk-rating__value{display:flex;padding-right:0.5rem;justify-content:center;align-items:baseline;color:#111236}html[dir='rtl'] .bpk-rating__value{padding-right:0;padding-left:0.5rem}.bpk-rating__text-wrapper{display:flex;flex-direction:row;align-items:baseline;white-space:nowrap}.bpk-rating__text-wrapper--large{flex-direction:column;align-items:flex-start}.bpk-rating__scale{color:#68697f}.bpk-rating__title--large{padding-top:.0625rem}.bpk-rating__subtitle{padding-left:0.5rem;color:#68697f}html[dir='rtl'] .bpk-rating__subtitle{padding-right:0.5rem;padding-left:0}.bpk-rating__subtitle--large{padding-top:.0625rem;padding-left:0}html[dir='rtl'] .bpk-rating__subtitle--large{padding-right:0;padding-left:0}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-rating{display:flex}.bpk-rating--vertical{flex-direction:column}.bpk-rating__component{justify-content:center;align-items:center;border-radius:50%;color:#fff}.bpk-rating--base-rating{display:flex;width:3rem;height:3rem}.bpk-rating--lg-rating{display:flex;width:3.75rem;height:3.75rem}.bpk-rating--sm-rating{display:flex;width:2.25rem;height:2.25rem}.bpk-rating--sm-pill{width:2.25rem;height:1.875rem;border-radius:1.125rem}.bpk-rating--base-pill{width:3rem;height:2.25rem;border-radius:1.125rem}.bpk-rating--lg-pill{width:4.125rem;height:2.625rem;border-radius:1.3125rem}.bpk-rating__text-wrapper{display:flex;flex-direction:column;justify-content:center}.bpk-rating__text-wrapper--horizontal{padding-left:0.75rem}html[dir='rtl'] .bpk-rating__text-wrapper--horizontal{padding-right:0.75rem}.bpk-rating__text-wrapper--vertical{padding-top:0.375rem}.bpk-rating__text--horizontal{text-align:left}html[dir='rtl'] .bpk-rating__text--horizontal{text-align:right}.bpk-rating__text--vertical{align-self:center;text-align:center}.bpk-rating--high-rating{align-self:center;color:#111236;color:#111236;color:var(--bpk-rating-high-text-color, #111236);background-color:#73cec6;background-color:var(--bpk-rating-high-color, #73cec6)}.bpk-rating--medium-rating{align-self:center;color:#111236;color:var(--bpk-rating-medium-text-color, #111236);background-color:#ffb54d;background-color:var(--bpk-rating-medium-color, #ffb54d)}.bpk-rating--low-rating{align-self:center;background-color:#d1435b;background-color:var(--bpk-rating-low-color, #d1435b)}

package/bpk-component-rtl-toggle/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-rtl-toggle",
-  "version": "3.1.11",
+  "version": "3.1.12",
   "description": "Backpack RTL toggle component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,8 +14,8 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-component-link": "^3.1.11",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-component-link": "^3.1.12",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-rtl-toggle/src/BpkRtlToggle.js

@@ -18,6 +18,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
+
 import { BpkButtonLink } from '../../bpk-component-link';
 
 import { getHtmlElement, DIRECTIONS, DIRECTION_CHANGE_EVENT } from './utils';

package/bpk-component-rtl-toggle/src/updateOnDirectionChange.js

@@ -17,6 +17,7 @@
  */
 
 import React, { Component } from 'react';
+
 import { wrapDisplayName } from '../../bpk-react-utils';
 
 import { getHtmlElement, DIRECTION_CHANGE_EVENT } from './utils';

package/bpk-component-scrollable-calendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-scrollable-calendar",
-  "version": "6.1.19",
+  "version": "6.1.20",
   "description": "Backpack scrollable calendar component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,16 +15,16 @@
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-calendar": "^11.1.18",
-    "bpk-component-text": "^7.0.5",
+    "bpk-component-calendar": "^11.1.19",
+    "bpk-component-text": "^7.0.6",
     "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.5.8",
     "react-virtualized": "^9.22.3"
   },
   "devDependencies": {
-    "bpk-storybook-utils": "^1.1.10"
+    "bpk-storybook-utils": "^1.1.11"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.js

@@ -18,6 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { PureComponent } from 'react';
+
 import {
   BpkCalendarDate,
   BpkCalendarDatePropTypes,

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js

@@ -17,6 +17,7 @@
  */
 
 import React from 'react';
+
 import { cssModules } from '../../bpk-react-utils';
 import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 import {

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js

@@ -18,8 +18,6 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules, deprecated } from '../../bpk-react-utils';
-import { DateUtils, BpkCalendarGridPropTypes } from '../../bpk-component-calendar';
 import { startOfDay, startOfMonth } from 'date-fns';
 import {
   AutoSizer,
@@ -28,6 +26,12 @@ import {
   CellMeasurerCache,
 } from 'react-virtualized';
 
+import { cssModules, deprecated } from '../../bpk-react-utils';
+import {
+  DateUtils,
+  BpkCalendarGridPropTypes,
+} from '../../bpk-component-calendar';
+
 import STYLES from './BpkScrollableCalendarGridList.module.scss';
 import BpkScrollableCalendarGrid from './BpkScrollableCalendarGrid';
 import getMonthsArray from './utils';

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

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-section-list",
-  "version": "3.2.12",
+  "version": "3.2.13",
   "description": "Backpack section list component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,14 +15,14 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-icon": "^9.2.12",
-    "bpk-component-text": "^7.0.5",
+    "bpk-component-icon": "^9.2.13",
+    "bpk-component-text": "^7.0.6",
     "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-section-list/src/BpkSectionListItem.js

@@ -20,6 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
+
 import { cssModules } from '../../bpk-react-utils';
 import BpkLargeChevronRightIcon from '../../bpk-component-icon/lg/chevron-right';
 import { withRtlSupport } from '../../bpk-component-icon';

package/bpk-component-section-list/src/BpkSectionListSection.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-select/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-select",
-  "version": "5.1.11",
+  "version": "5.1.12",
   "description": "Backpack select component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,11 +15,11 @@
   "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"
   },
   "devDependencies": {
-    "bpk-storybook-utils": "^1.1.10"
+    "bpk-storybook-utils": "^1.1.11"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-select/src/BpkSelect.js

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

package/bpk-component-skip-link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-skip-link",
-  "version": "2.1.11",
+  "version": "2.1.12",
   "description": "Backpack skip-link component.",
   "main": "index.js",
   "repository": {
@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.5.8"
   },
   "publishConfig": {

package/bpk-component-skip-link/src/BpkSkipLink.js

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