@skyscanner/backpack-web 11.0.0 → 11.1.0

package/bpk-component-calendar/src/BpkCalendarGridTransition.module.scss

@@ -16,8 +16,8 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
-@import 'variables';
+@import '~bpk-mixins/index.scss';
+@import 'variables.scss';
 
 .bpk-calendar-grid-transition {
   position: relative;

package/bpk-component-calendar/src/BpkCalendarNav.module.scss

@@ -16,8 +16,8 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
-@import 'variables';
+@import '~bpk-mixins/index.scss';
+@import 'variables.scss';
 
 .bpk-calendar-nav {
   display: table;
@@ -67,7 +67,7 @@
     }
 
     .bpk-calendar-nav__icon {
-      fill: currentColor;
+      fill: currentcolor;
 
       @include bpk-icon--rtl-support;
     }

package/bpk-component-calendar/src/_variables.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 $shadow-bottom: 0 1px 0 0 $bpk-line-day; /* stylelint-disable-line unit-disallowed-list */
 $calendar-width: 7 * ($bpk-calendar-day-size + (2 * $bpk-calendar-day-spacing));

package/bpk-component-card/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-card",
-  "version": "5.1.3",
+  "version": "5.1.4",
   "description": "Backpack card component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,12 +15,12 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-component-link": "^4.0.4",
-    "bpk-component-text": "^8.0.4"
+    "bpk-component-link": "^4.0.5",
+    "bpk-component-text": "^8.0.5"
   },
   "peerDependencies": {
     "react": "^17.0.2"

package/bpk-component-card/src/BpkCard.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-card {
   @include bpk-card;

package/bpk-component-checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-checkbox",
-  "version": "5.0.4",
+  "version": "5.0.5",
   "description": "Backpack checkbox component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^10.0.4",
+    "bpk-component-icon": "^10.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
@@ -24,6 +24,6 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^9.3.0",
-    "bpk-storybook-utils": "^2.0.4"
+    "bpk-storybook-utils": "^2.0.5"
   }
 }

package/bpk-component-checkbox/src/BpkCheckbox.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 $bpk-spacing-v2: true;
 

package/bpk-component-chip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-chip",
-  "version": "6.0.4",
+  "version": "6.0.5",
   "description": "Backpack chip component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,16 +14,16 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "bpk-component-icon": "^10.0.4",
+    "bpk-component-icon": "^10.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^17.0.2"
   },
   "devDependencies": {
-    "bpk-component-aria-live": "^3.1.1",
-    "bpk-component-text": "^8.0.4"
+    "bpk-component-aria-live": "^3.1.2",
+    "bpk-component-text": "^8.0.5"
   }
 }

package/bpk-component-chip/src/BpkSelectableChip.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-chip {
   @include bpk-chip;

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

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-close-button",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "description": "Backpack close button component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,13 +14,13 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^10.0.4",
+    "bpk-component-icon": "^10.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-storybook-utils": "^2.0.4"
+    "bpk-storybook-utils": "^2.0.5"
   },
   "peerDependencies": {
     "react": "^17.0.2"

package/bpk-component-close-button/src/BpkCloseButton.module.scss

@@ -16,13 +16,14 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins';
+@import '~bpk-mixins/index.scss';
 
 $button-padding: $bpk-spacing-xs / 2;
 
 .bpk-close-button {
   width: $bpk-spacing-base;
   height: $bpk-spacing-base;
+
   // The margin here is used to ensure that the icon is aligned to
   // the leading or trailing edge of its parent container
   margin-right: -#{$button-padding};
@@ -46,6 +47,6 @@ $button-padding: $bpk-spacing-xs / 2;
 
   &__icon {
     vertical-align: -#{$button-padding};
-    fill: currentColor;
+    fill: currentcolor;
   }
 }

package/bpk-component-code/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-code",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "description": "Backpack code component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-code/src/BpkCode.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-code {
   @include bpk-code;

package/bpk-component-code/src/BpkCodeBlock.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-code {
   &--block {

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

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-content-cards",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Backpack content-cards component.",
   "license": "Apache-2.0",
   "repository": {
@@ -13,9 +13,9 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "bpk-component-text": "^8.0.4",
+    "bpk-component-text": "^8.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0"
+    "bpk-react-utils": "^7.0.1"
   },
   "peerDependencies": {
     "react": "^17.0.2"

package/bpk-component-content-cards/src/BpkContentCard.module.scss

@@ -15,7 +15,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 $bpk-spacing-v2: true;
 

package/bpk-component-content-cards/src/BpkContentCards.js

@@ -15,6 +15,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+/* eslint react/no-array-index-key: 0 */
 
 import React from 'react';
 
@@ -55,10 +56,9 @@ const BpkContentCards = ({ cards, heading }: Props) => {
         {heading}
       </BpkText>
       <div role="list" className={getClassName('bpk-content-cards--layout')}>
-        {cards.map((card) => (
-          <div role="listitem">
+        {cards.map((card, index) => (
+          <div role="listitem" key={index}>
             <BpkContentCard
-              key={card.image.url}
               card={card}
               layout={cards.length === 1 ? 'HORIZONTAL' : 'VERTICAL'}
             />

package/bpk-component-content-cards/src/BpkContentCards.module.scss

@@ -18,7 +18,7 @@
 
 /* stylelint-disable selector-class-pattern */
 /* stylelint-disable selector-max-compound-selectors */
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 $bpk-spacing-v2: true;
 

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

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-content-container",
-  "version": "6.0.4",
+  "version": "6.0.5",
   "description": "Backpack content container component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

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

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-content-container {
   > {

package/bpk-component-datatable/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-datatable",
-  "version": "6.0.1",
+  "version": "6.0.2",
   "description": "Backpack datatable component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^10.0.4",
+    "bpk-component-icon": "^10.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2",
     "react-table": "^7.8.0"
   },

package/bpk-component-datatable/src/BpkDataTable.module.scss

@@ -16,10 +16,9 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins';
+@import '~bpk-mixins/index.scss';
 
 $bpk-spacing-v2: true;
-
 $bpk-border-size-datatable: $bpk-border-size-xl * 2;
 
 @mixin bpk-datatable-border-left() {

package/bpk-component-datatable/src/BpkDataTableHeader.module.scss

@@ -16,10 +16,9 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins';
+@import '~bpk-mixins/index.scss';
 
 $bpk-spacing-v2: true;
-
 $bpk-margin-size-sort-icons: bpk-spacing-sm() + bpk-spacing-md();
 
 .bpk-data-table-column__header {

package/bpk-component-datepicker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-datepicker",
-  "version": "18.0.4",
+  "version": "18.0.5",
   "description": "Backpack datepicker component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,13 +14,13 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-breakpoint": "^5.0.4",
-    "bpk-component-calendar": "^13.0.1",
-    "bpk-component-input": "^7.0.4",
-    "bpk-component-modal": "^6.0.4",
-    "bpk-component-popover": "^8.0.4",
+    "bpk-component-breakpoint": "^5.0.5",
+    "bpk-component-calendar": "^13.0.2",
+    "bpk-component-input": "^7.0.5",
+    "bpk-component-modal": "^6.0.5",
+    "bpk-component-popover": "^8.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
@@ -28,6 +28,6 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^9.3.0",
-    "bpk-storybook-utils": "^2.0.4"
+    "bpk-storybook-utils": "^2.0.5"
   }
 }

package/bpk-component-datepicker/src/BpkDatepicker.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins';
+@import '~bpk-mixins/index.scss';
 
 .bpk-datepicker {
   &__calendar {

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

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-description-list",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "description": "Backpack description list component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-description-list/src/BpkDescriptionList.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-description-list {
   margin: 0;

package/bpk-component-dialog/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-dialog",
-  "version": "7.0.4",
+  "version": "7.0.5",
   "description": "Backpack dialog component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,19 +14,19 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-close-button": "^4.0.4",
-    "bpk-component-flare": "^3.0.4",
+    "bpk-component-close-button": "^4.0.5",
+    "bpk-component-flare": "^3.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
-    "bpk-scrim-utils": "^6.0.4",
+    "bpk-react-utils": "^7.0.1",
+    "bpk-scrim-utils": "^6.0.5",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^17.0.2"
   },
   "devDependencies": {
-    "bpk-component-button": "^7.0.4",
-    "bpk-component-icon": "^10.0.4",
-    "bpk-component-text": "^8.0.4"
+    "bpk-component-button": "^7.0.5",
+    "bpk-component-icon": "^10.0.5",
+    "bpk-component-text": "^8.0.5"
   }
 }

package/bpk-component-dialog/src/BpkDialog.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 $bpk-spacing-v2: true;
 

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

@@ -16,7 +16,7 @@
 * limitations under the License.
 */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 $bpk-spacing-v2: true;
 
@@ -31,6 +31,7 @@ $bpk-spacing-v2: true;
   outline: 0;
   background-color: $bpk-modal-background-color;
   opacity: $bpk-modal-opacity;
+
   // FIX: Prevents ugly flickering when tapping inside the dialog in Mobile Safari
   -webkit-tap-highlight-color: transparent;
 
@@ -55,6 +56,7 @@ $bpk-spacing-v2: true;
 
   &__flare {
     height: bpk-spacing-lg() * 10;
+
     // We inherit radius from the outer modal so they match and align correctly to the container.
     border-radius: inherit;
     background-color: $bpk-color-sky-blue;

package/bpk-component-drawer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-drawer",
-  "version": "7.0.4",
+  "version": "7.0.5",
   "description": "Backpack drawer component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,12 +15,12 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^9.3.0",
-    "bpk-component-close-button": "^4.0.4",
-    "bpk-component-icon": "^10.0.4",
-    "bpk-component-link": "^4.0.4",
+    "bpk-component-close-button": "^4.0.5",
+    "bpk-component-icon": "^10.0.5",
+    "bpk-component-link": "^4.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
-    "bpk-scrim-utils": "^6.0.4",
+    "bpk-react-utils": "^7.0.1",
+    "bpk-scrim-utils": "^6.0.5",
     "prop-types": "^15.7.2",
     "react-transition-group": "^2.5.3"
   },
@@ -28,7 +28,7 @@
     "react": "^17.0.2"
   },
   "devDependencies": {
-    "bpk-component-button": "^7.0.4",
-    "bpk-component-text": "^8.0.4"
+    "bpk-component-button": "^7.0.5",
+    "bpk-component-text": "^8.0.5"
   }
 }

package/bpk-component-drawer/src/BpkDrawer.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-drawer__container {
   position: fixed;

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

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 $bpk-spacing-v2: true;
 

package/bpk-component-fieldset/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-fieldset",
-  "version": "5.0.4",
+  "version": "5.0.5",
   "description": "Backpack fieldset component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,23 +14,23 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "bpk-component-form-validation": "^5.0.4",
-    "bpk-component-label": "^6.0.4",
+    "bpk-component-form-validation": "^5.0.5",
+    "bpk-component-label": "^6.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^17.0.2"
   },
   "devDependencies": {
-    "bpk-component-autosuggest": "^7.0.4",
-    "bpk-component-button": "^7.0.4",
-    "bpk-component-calendar": "^13.0.1",
-    "bpk-component-checkbox": "^5.0.4",
-    "bpk-component-datepicker": "^18.0.4",
-    "bpk-component-input": "^7.0.4",
-    "bpk-component-select": "^6.0.4",
-    "bpk-component-textarea": "^5.0.4"
+    "bpk-component-autosuggest": "^7.0.5",
+    "bpk-component-button": "^7.0.5",
+    "bpk-component-calendar": "^13.0.2",
+    "bpk-component-checkbox": "^5.0.5",
+    "bpk-component-datepicker": "^18.0.5",
+    "bpk-component-input": "^7.0.5",
+    "bpk-component-select": "^6.0.5",
+    "bpk-component-textarea": "^5.0.5"
   }
 }

package/bpk-component-fieldset/src/BpkFieldset.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 $bpk-spacing-v2: true;