@skyscanner/backpack-web 10.0.0 → 11.1.1

package/bpk-component-calendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-calendar",
-  "version": "13.0.0",
+  "version": "13.0.3",
   "description": "Backpack calendar component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,12 +14,12 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^9.2.0",
-    "bpk-component-aria-live": "^3.1.0",
-    "bpk-component-icon": "^10.0.3",
-    "bpk-component-select": "^6.0.3",
-    "bpk-mixins": "^31.6.1",
-    "bpk-react-utils": "^7.0.0",
+    "@skyscanner/bpk-foundations-web": "^9.4.0",
+    "bpk-component-aria-live": "^3.1.3",
+    "bpk-component-icon": "^10.0.6",
+    "bpk-component-select": "^6.0.6",
+    "bpk-mixins": "^31.6.6",
+    "bpk-react-utils": "^7.0.1",
     "date-fns": "^2.21.1",
     "prop-types": "^15.7.2"
   },
@@ -27,8 +27,8 @@
     "react": "^17.0.2"
   },
   "devDependencies": {
-    "bpk-component-button": "^7.0.3",
-    "bpk-component-text": "^8.0.3",
-    "bpk-storybook-utils": "^2.0.3"
+    "bpk-component-button": "^7.0.6",
+    "bpk-component-text": "^8.0.6",
+    "bpk-storybook-utils": "^2.0.6"
   }
 }

package/bpk-component-calendar/src/BpkCalendar.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-spacing-v2: true;
 

package/bpk-component-calendar/src/BpkCalendarDate.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-calendar/src/BpkCalendarGrid.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 {
   width: 100%;
@@ -57,6 +57,7 @@
       );
     }
   }
+
   &__week {
     display: flex;
     padding-top: bpk-spacing-lg();

package/bpk-component-calendar/src/BpkCalendarGridHeader.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-header {
   display: table;

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.2",
+  "version": "5.1.5",
   "description": "Backpack card component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,13 +14,13 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-mixins": "^31.6.1",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-mixins": "^31.6.6",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-component-link": "^4.0.3",
-    "bpk-component-text": "^8.0.3"
+    "bpk-component-link": "^4.0.6",
+    "bpk-component-text": "^8.0.6"
   },
   "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.3",
+  "version": "5.0.6",
   "description": "Backpack checkbox component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,16 +14,16 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^10.0.3",
-    "bpk-mixins": "^31.6.1",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-component-icon": "^10.0.6",
+    "bpk-mixins": "^31.6.6",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^17.0.2"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^9.2.0",
-    "bpk-storybook-utils": "^2.0.3"
+    "@skyscanner/bpk-foundations-web": "^9.4.0",
+    "bpk-storybook-utils": "^2.0.6"
   }
 }

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.3",
+  "version": "6.0.6",
   "description": "Backpack chip component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,16 +14,16 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "bpk-component-icon": "^10.0.3",
-    "bpk-mixins": "^31.6.1",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-component-icon": "^10.0.6",
+    "bpk-mixins": "^31.6.6",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^17.0.2"
   },
   "devDependencies": {
-    "bpk-component-aria-live": "^3.1.0",
-    "bpk-component-text": "^8.0.3"
+    "bpk-component-aria-live": "^3.1.3",
+    "bpk-component-text": "^8.0.6"
   }
 }

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.3",
+  "version": "4.0.6",
   "description": "Backpack close button component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,13 +14,13 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^10.0.3",
-    "bpk-mixins": "^31.6.1",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-component-icon": "^10.0.6",
+    "bpk-mixins": "^31.6.6",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-storybook-utils": "^2.0.3"
+    "bpk-storybook-utils": "^2.0.6"
   },
   "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.3",
+  "version": "4.0.6",
   "description": "Backpack code component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,8 +14,8 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^31.6.1",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-mixins": "^31.6.6",
+    "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.1",
+  "version": "1.0.4",
   "description": "Backpack content-cards component.",
   "license": "Apache-2.0",
   "repository": {
@@ -8,14 +8,14 @@
     "url": "git@github.com:Skyscanner/backpack.git"
   },
   "author": "Backpack Design System <backpack@skyscanner.net>",
-  "main": "index.ts",
+  "main": "index.js",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "bpk-component-text": "^8.0.3",
-    "bpk-mixins": "^31.1.6",
-    "bpk-react-utils": "^7.0.0"
+    "bpk-component-text": "^8.0.6",
+    "bpk-mixins": "^31.6.6",
+    "bpk-react-utils": "^7.0.1"
   },
   "peerDependencies": {
     "react": "^17.0.2"

package/bpk-component-content-cards/src/{BpkContentCard.tsx → BpkContentCard.js}

@@ -32,14 +32,14 @@ type CardLayout = 'HORIZONTAL' | 'VERTICAL';
 type Props = {
   card: {
     image: {
-      url: string;
-      alt?: string;
-    };
-    headline: string;
-    description: string;
-    href: string;
-  };
-  layout: CardLayout;
+      url: string,
+      alt?: string,
+    },
+    headline: string,
+    description: string,
+    href: string,
+  },
+  layout: CardLayout,
 };
 
 const BpkContentCard = ({ card, layout }: Props) => (
@@ -55,7 +55,6 @@ const BpkContentCard = ({ card, layout }: Props) => (
     rel="noreferrer"
   >
     <div className={getClassName('bpk-content-card--image-container')}>
-      {/* eslint-disable-next-line jsx-a11y/img-redundant-alt */}
       <img
         className={getClassName('bpk-content-card--image')}
         alt={card.image.alt || ''}

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.tsx → 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';
 
@@ -29,16 +30,16 @@ import STYLES from './BpkContentCards.module.scss';
 const getClassName = cssModules(STYLES);
 
 type Props = {
-  heading: string;
+  heading: string,
   cards: Array<{
     image: {
-      url: string;
-      alt?: string;
-    };
-    headline: string;
-    description: string;
-    href: string;
-  }>;
+      url: string,
+      alt?: string,
+    },
+    headline: string,
+    description: string,
+    href: string,
+  }>,
 };
 
 const BpkContentCards = ({ cards, heading }: Props) => {
@@ -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.3",
+  "version": "6.0.6",
   "description": "Backpack content container component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,8 +14,8 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^31.6.1",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-mixins": "^31.6.6",
+    "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.0",
+  "version": "6.0.3",
   "description": "Backpack datatable component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^10.0.3",
-    "bpk-mixins": "^31.6.1",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-component-icon": "^10.0.6",
+    "bpk-mixins": "^31.6.6",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2",
     "react-table": "^7.8.0"
   },
@@ -24,6 +24,6 @@
     "react": "^17.0.2"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^9.2.0"
+    "@skyscanner/bpk-foundations-web": "^9.4.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.3",
+  "version": "18.0.6",
   "description": "Backpack datepicker component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,20 +14,20 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-breakpoint": "^5.0.3",
-    "bpk-component-calendar": "^13.0.0",
-    "bpk-component-input": "^7.0.3",
-    "bpk-component-modal": "^6.0.3",
-    "bpk-component-popover": "^8.0.3",
-    "bpk-mixins": "^31.6.1",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-component-breakpoint": "^5.0.6",
+    "bpk-component-calendar": "^13.0.3",
+    "bpk-component-input": "^7.0.6",
+    "bpk-component-modal": "^6.0.6",
+    "bpk-component-popover": "^8.0.6",
+    "bpk-mixins": "^31.6.6",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^17.0.2"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^9.2.0",
-    "bpk-storybook-utils": "^2.0.3"
+    "@skyscanner/bpk-foundations-web": "^9.4.0",
+    "bpk-storybook-utils": "^2.0.6"
   }
 }

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.3",
+  "version": "4.0.6",
   "description": "Backpack description list component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,8 +14,8 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^31.6.1",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-mixins": "^31.6.6",
+    "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;