@skyscanner/backpack-web 11.1.1 → 12.0.0

package/bpk-component-autosuggest/src/BpkAutosuggest.module.scss

@@ -46,7 +46,7 @@ $arrow-size: bpk-spacing-sm() * 3;
         margin-bottom: -$bpk-one-pixel-rem;
         margin-left: -((bpk-spacing-sm() * 3) + $bpk-one-pixel-rem);
         border: ($arrow-size + $bpk-one-pixel-rem) solid transparent;
-        border-bottom-color: $bpk-color-sky-gray-tint-06;
+        border-bottom-color: $bpk-surface-highlight-day;
         pointer-events: none;
       }
 
@@ -82,7 +82,7 @@ $arrow-size: bpk-spacing-sm() * 3;
     @include bpk-body-default;
 
     &:not(:last-child) {
-      @include bpk-border-bottom-sm($bpk-color-sky-gray-tint-06);
+      @include bpk-border-bottom-sm($bpk-line-day);
     }
 
     &:active {
@@ -107,7 +107,7 @@ $arrow-size: bpk-spacing-sm() * 3;
       display: table-cell;
       margin-right: bpk-spacing-md();
       vertical-align: top;
-      fill: $bpk-color-sky-gray-tint-02;
+      fill: $bpk-text-secondary-day;
 
       @include bpk-rtl {
         margin-right: 0;
@@ -145,7 +145,7 @@ $arrow-size: bpk-spacing-sm() * 3;
     &-tertiary-label {
       display: table-cell;
       align-self: center;
-      color: $bpk-color-sky-gray-tint-02;
+      color: $bpk-text-secondary-day;
       vertical-align: top;
       word-break: keep-all;
 

package/bpk-component-banner-alert/src/BpkBannerAlert.module.scss

@@ -126,7 +126,7 @@ $bpk-spacing-v2: true;
   }
 
   &__neutral-icon {
-    fill: $bpk-banner-alert-neutral-color;
+    fill: $bpk-text-secondary-day;
   }
 
   &__event-icon {

package/bpk-component-banner-alert/src/common-types.js

@@ -25,7 +25,7 @@ export const ALERT_TYPES = {
   WARN: 'warn',
   ERROR: 'error',
   NEUTRAL: 'neutral',
-  EVENT: 'event',
+  EVENT: 'event', // DEPRECATED
 };
 
 export type AlertTypeValue = $Values<typeof ALERT_TYPES>;

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

@@ -55,12 +55,12 @@ $bpk-spacing-v2: true;
         width: bpk-spacing-xxl() / 4;
         height: bpk-spacing-sm() - $bpk-one-pixel-rem;
         border-radius: $bpk-border-size-lg;
-        background-color: $bpk-color-white;
+        background-color: $bpk-surface-default-day;
       }
     }
 
     &-white {
-      background-color: $bpk-color-white;
+      background-color: $bpk-surface-default-day;
     }
   }
 

package/bpk-component-price/src/BpkPrice.module.scss

@@ -31,7 +31,7 @@
   }
 
   &__subtitle {
-    color: $bpk-color-sky-gray-tint-02;
+    color: $bpk-text-secondary-day;
     text-decoration-line: line-through;
   }
 
@@ -55,7 +55,7 @@
   }
 
   &__description {
-    color: $bpk-color-sky-gray-tint-02;
+    color: $bpk-text-secondary-day;
     white-space: nowrap;
   }
 }

package/bpk-component-radio/src/BpkRadio.module.scss

@@ -48,7 +48,7 @@ $bpk-radio-size: bpk-spacing-lg() - ($bpk-one-pixel-rem * 4);
       &:disabled {
         + .bpk-radio__circle {
           display: block;
-          background: $bpk-color-sky-gray-tint-04;
+          background: $bpk-text-disabled-day;
         }
       }
     }

package/bpk-component-slider/src/BpkSlider.module.scss

@@ -36,9 +36,9 @@ $slider-large-control-inset-size: bpk-spacing-sm() * 7;
     height: bpk-spacing-xl();
     justify-content: center;
     align-items: center;
-    border: $bpk-one-pixel-rem solid $bpk-color-sky-gray-tint-06;
+    border: $bpk-one-pixel-rem solid $bpk-surface-highlight-day;
     border-radius: $bpk-border-radius-pill;
-    background-color: $bpk-color-white;
+    background-color: $bpk-surface-default-day;
     cursor: pointer;
 
     @include bpk-box-shadow-sm;
@@ -49,7 +49,7 @@ $slider-large-control-inset-size: bpk-spacing-sm() * 7;
       width: $slider-control-inset-size;
       height: $slider-control-inset-size;
       border-radius: $bpk-border-radius-pill;
-      box-shadow: inset 0 0 0 $bpk-one-pixel-rem $bpk-color-sky-gray-tint-04;
+      box-shadow: inset 0 0 0 $bpk-one-pixel-rem rgba(37, 32, 31, 0.3);
     }
 
     &--active {
@@ -73,7 +73,7 @@ $slider-large-control-inset-size: bpk-spacing-sm() * 7;
     top: calc(50% - #{bpk-spacing-sm()});
     height: bpk-spacing-md();
     border-radius: $bpk-border-radius-sm;
-    background-color: $bpk-color-sky-gray-tint-06;
+    background-color: $bpk-surface-highlight-day;
   }
 
   // stylelint-disable-next-line selector-attribute-quotes
@@ -81,21 +81,21 @@ $slider-large-control-inset-size: bpk-spacing-sm() * 7;
     @include bpk-themeable-property(
       background-color,
       --bpk-slider-bar-color,
-      $bpk-color-sky-blue-shade-03
+      $bpk-core-primary-day
     );
   }
 
   &--range {
     // stylelint-disable-next-line selector-attribute-quotes
     > div[class$='0'] {
-      background-color: $bpk-color-sky-gray-tint-06;
+      background-color: $bpk-surface-highlight-day;
     }
     // stylelint-disable-next-line selector-attribute-quotes
     > div[class$='1'] {
       @include bpk-themeable-property(
         background-color,
         --bpk-slider-bar-color,
-        $bpk-color-sky-blue-shade-03
+        $bpk-core-primary-day
       );
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "11.1.1",
+  "version": "12.0.0",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",
@@ -24,11 +24,11 @@
   "dependencies": {
     "@popperjs/core": "^2.11.5",
     "@react-google-maps/api": "^2.12.0",
-    "@skyscanner/bpk-foundations-web": "^9.4.0",
-    "@skyscanner/bpk-svgs": "^14.5.0",
+    "@skyscanner/bpk-foundations-web": "^10.2.0",
+    "@skyscanner/bpk-svgs": "^14.5.6",
     "a11y-focus-scope": "^1.1.3",
     "a11y-focus-store": "^1.0.0",
-    "bpk-mixins": "^31.6.6",
+    "bpk-mixins": "^32.0.2",
     "d3-path": "^2.0.0",
     "d3-scale": "^4.0.2",
     "date-fns": "^2.21.1",
@@ -39,13 +39,14 @@
     "object-assign": "^4.1.1",
     "prop-types": "^15.7.2",
     "react-autosuggest": "^9.4.3",
-    "react-responsive": "^6.1.2",
+    "react-responsive": "^8.2.0",
     "react-slider": "^1.3.1",
+    "react-table": "^7.8.0",
     "react-transition-group": "^2.5.3",
-    "react-virtualized": "^9.22.3",
     "react-window": "^1.8.7"
   },
   "peerDependencies": {
-    "react": "^17.0.2"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   }
 }

package/bpk-animate-height/package.json

@@ -1,26 +0,0 @@
-{
-  "name": "bpk-animate-height",
-  "version": "5.0.6",
-  "description": "Animate height using CSS transitions.",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:Skyscanner/backpack.git"
-  },
-  "author": "Backpack Design System <backpack@skyscanner.net>",
-  "main": "index.js",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
-  "dependencies": {
-    "prop-types": "^15.7.2"
-  },
-  "peerDependencies": {
-    "react": "^17.0.2"
-  },
-  "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^9.4.0",
-    "bpk-component-button": "^7.0.6"
-  }
-}

package/bpk-component-accordion/package.json

@@ -1,31 +0,0 @@
-{
-  "name": "bpk-component-accordion",
-  "version": "6.1.5",
-  "description": "Backpack accordion component.",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:Skyscanner/backpack.git"
-  },
-  "author": "Backpack Design System <backpack@skyscanner.net>",
-  "main": "index.js",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
-  "dependencies": {
-    "bpk-animate-height": "^5.0.6",
-    "bpk-component-icon": "^10.0.6",
-    "bpk-component-text": "^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.4.0",
-    "bpk-component-checkbox": "^5.0.6"
-  }
-}

package/bpk-component-aria-live/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "bpk-component-aria-live",
-  "version": "3.1.3",
-  "description": "Backpack aria-live component.",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:Skyscanner/backpack.git"
-  },
-  "author": "Backpack Design System <backpack@skyscanner.net>",
-  "main": "index.js",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "dependencies": {
-    "bpk-mixins": "^31.6.6",
-    "bpk-react-utils": "^7.0.1"
-  },
-  "devDependencies": {
-    "bpk-component-chip": "^6.0.6",
-    "bpk-component-code": "^4.0.6",
-    "bpk-component-fieldset": "^5.0.6",
-    "bpk-component-select": "^6.0.6",
-    "bpk-component-switch": "^3.1.1"
-  },
-  "peerDependencies": {
-    "react": "^17.0.2"
-  },
-  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926"
-}

package/bpk-component-autosuggest/package.json

@@ -1,29 +0,0 @@
-{
-  "name": "bpk-component-autosuggest",
-  "version": "7.0.6",
-  "description": "Backpack autosuggest component.",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:Skyscanner/backpack.git"
-  },
-  "author": "Backpack Design System <backpack@skyscanner.net>",
-  "main": "index.js",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
-  "dependencies": {
-    "bpk-component-input": "^7.0.6",
-    "bpk-mixins": "^31.6.6",
-    "bpk-react-utils": "^7.0.1",
-    "prop-types": "^15.7.2",
-    "react-autosuggest": "^9.4.3"
-  },
-  "peerDependencies": {
-    "react": "^17.0.2"
-  },
-  "devDependencies": {
-    "bpk-component-icon": "^10.0.6"
-  }
-}

package/bpk-component-badge/package.json

@@ -1,29 +0,0 @@
-{
-  "name": "bpk-component-badge",
-  "version": "5.1.5",
-  "description": "Backpack badge component.",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:Skyscanner/backpack.git"
-  },
-  "author": "Backpack Design System <backpack@skyscanner.net>",
-  "main": "index.js",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
-  "dependencies": {
-    "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.4.0",
-    "bpk-component-icon": "^10.0.6",
-    "bpk-storybook-utils": "^2.0.6"
-  }
-}

package/bpk-component-banner-alert/package.json

@@ -1,34 +0,0 @@
-{
-  "name": "bpk-component-banner-alert",
-  "version": "7.0.6",
-  "description": "Backpack banner alert component.",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:Skyscanner/backpack.git"
-  },
-  "author": "Backpack Design System <backpack@skyscanner.net>",
-  "main": "index.js",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
-  "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^9.4.0",
-    "bpk-animate-height": "^5.0.6",
-    "bpk-component-close-button": "^4.0.6",
-    "bpk-component-icon": "^10.0.6",
-    "bpk-mixins": "^31.6.6",
-    "bpk-react-utils": "^7.0.1",
-    "prop-types": "^15.7.2",
-    "react-transition-group": "^2.5.3"
-  },
-  "devDependencies": {
-    "bpk-component-aria-live": "^3.1.3",
-    "bpk-component-button": "^7.0.6",
-    "bpk-storybook-utils": "^2.0.6"
-  },
-  "peerDependencies": {
-    "react": "^17.0.2"
-  }
-}

package/bpk-component-barchart/package.json

@@ -1,35 +0,0 @@
-{
-  "name": "bpk-component-barchart",
-  "version": "5.0.6",
-  "description": "Backpack bar chart component.",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:Skyscanner/backpack.git"
-  },
-  "author": "Backpack Design System <backpack@skyscanner.net>",
-  "main": "index.js",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
-  "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^9.4.0",
-    "bpk-component-mobile-scroll-container": "^4.0.6",
-    "bpk-mixins": "^31.6.6",
-    "bpk-react-utils": "^7.0.1",
-    "d3-path": "^2.0.0",
-    "d3-scale": "^4.0.2",
-    "lodash.debounce": "^4.0.8",
-    "prop-types": "^15.7.2"
-  },
-  "peerDependencies": {
-    "react": "^17.0.2"
-  },
-  "devDependencies": {
-    "bpk-component-breakpoint": "^5.0.6",
-    "bpk-component-content-container": "^6.0.6",
-    "bpk-component-rtl-toggle": "^4.0.6",
-    "bpk-component-text": "^8.0.6"
-  }
-}

package/bpk-component-blockquote/package.json

@@ -1,24 +0,0 @@
-{
-  "name": "bpk-component-blockquote",
-  "version": "4.1.5",
-  "description": "Backpack blockquote component.",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:Skyscanner/backpack.git"
-  },
-  "author": "Backpack Design System <backpack@skyscanner.net>",
-  "main": "index.js",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
-  "dependencies": {
-    "bpk-mixins": "^31.6.6",
-    "bpk-react-utils": "^7.0.1",
-    "prop-types": "^15.7.2"
-  },
-  "peerDependencies": {
-    "react": "^17.0.2"
-  }
-}

package/bpk-component-breadcrumb/package.json

@@ -1,27 +0,0 @@
-{
-  "name": "bpk-component-breadcrumb",
-  "version": "4.1.4",
-  "description": "Backpack breadcrumb component.",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:Skyscanner/backpack.git"
-  },
-  "author": "Backpack Design System <backpack@skyscanner.net>",
-  "main": "index.js",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
-  "dependencies": {
-    "bpk-component-icon": "^10.0.6",
-    "bpk-component-link": "^4.0.6",
-    "bpk-component-text": "^8.0.6",
-    "bpk-mixins": "^31.6.6",
-    "bpk-react-utils": "^7.0.1",
-    "prop-types": "^15.7.2"
-  },
-  "peerDependencies": {
-    "react": "^17.0.2"
-  }
-}

package/bpk-component-breakpoint/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "bpk-component-breakpoint",
-  "version": "5.0.6",
-  "description": "Backpack breakpoint component.",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:Skyscanner/backpack.git"
-  },
-  "author": "Backpack Design System <backpack@skyscanner.net>",
-  "main": "index.js",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
-  "dependencies": {
-    "bpk-mixins": "^31.6.6",
-    "bpk-react-utils": "^7.0.1",
-    "prop-types": "^15.7.2",
-    "react-responsive": "^8.2.0"
-  },
-  "peerDependencies": {
-    "react": "^17.0.2"
-  },
-  "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^9.4.0"
-  }
-}

package/bpk-component-button/package.json

@@ -1,26 +0,0 @@
-{
-  "name": "bpk-component-button",
-  "version": "7.0.6",
-  "description": "Backpack button component.",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:Skyscanner/backpack.git"
-  },
-  "author": "Backpack Design System <backpack@skyscanner.net>",
-  "main": "index.js",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
-  "dependencies": {
-    "bpk-mixins": "^31.6.6",
-    "prop-types": "^15.7.2"
-  },
-  "devDependencies": {
-    "bpk-storybook-utils": "^2.0.6"
-  },
-  "peerDependencies": {
-    "react": "^17.0.2"
-  }
-}

package/bpk-component-calendar/package.json

@@ -1,34 +0,0 @@
-{
-  "name": "bpk-component-calendar",
-  "version": "13.0.3",
-  "description": "Backpack calendar component.",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:Skyscanner/backpack.git"
-  },
-  "author": "Backpack Design System <backpack@skyscanner.net>",
-  "main": "index.js",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
-  "dependencies": {
-    "@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"
-  },
-  "peerDependencies": {
-    "react": "^17.0.2"
-  },
-  "devDependencies": {
-    "bpk-component-button": "^7.0.6",
-    "bpk-component-text": "^8.0.6",
-    "bpk-storybook-utils": "^2.0.6"
-  }
-}

package/bpk-component-card/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "bpk-component-card",
-  "version": "5.1.5",
-  "description": "Backpack card component.",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:Skyscanner/backpack.git"
-  },
-  "author": "Backpack Design System <backpack@skyscanner.net>",
-  "main": "index.js",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
-  "dependencies": {
-    "bpk-mixins": "^31.6.6",
-    "bpk-react-utils": "^7.0.1",
-    "prop-types": "^15.7.2"
-  },
-  "devDependencies": {
-    "bpk-component-link": "^4.0.6",
-    "bpk-component-text": "^8.0.6"
-  },
-  "peerDependencies": {
-    "react": "^17.0.2"
-  }
-}

package/bpk-component-checkbox/package.json

@@ -1,29 +0,0 @@
-{
-  "name": "bpk-component-checkbox",
-  "version": "5.0.6",
-  "description": "Backpack checkbox component.",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:Skyscanner/backpack.git"
-  },
-  "author": "Backpack Design System <backpack@skyscanner.net>",
-  "main": "index.js",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
-  "dependencies": {
-    "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.4.0",
-    "bpk-storybook-utils": "^2.0.6"
-  }
-}

package/bpk-component-chip/package.json

@@ -1,29 +0,0 @@
-{
-  "name": "bpk-component-chip",
-  "version": "6.0.6",
-  "description": "Backpack chip component.",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:Skyscanner/backpack.git"
-  },
-  "author": "Backpack Design System <backpack@skyscanner.net>",
-  "main": "index.js",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
-  "dependencies": {
-    "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.3",
-    "bpk-component-text": "^8.0.6"
-  }
-}