@skyscanner/backpack-web 42.27.3 → 43.0.0-dev-v28222480725.1

package/bpk-stylesheets/theme-backpack-dark.css

@@ -89,6 +89,8 @@
   --bpk-private-chip-group-filter-colour-stroke-icon-off-on-dark: rgba(255, 255, 255, 0.2);
   --bpk-private-chip-group-filter-dimensions-min-height: 2.25rem;
   --bpk-private-chip-colour-bg-default-dismissible-hover: #054184;
+  --bpk-private-chip-colour-bg-default-hover: rgba(255, 255, 255, 0);
+  --bpk-private-chip-colour-bg-default-off: rgba(255, 255, 255, 0);
   --bpk-private-chip-colour-bg-default-on: #054184;
   --bpk-private-chip-colour-bg-disabled: #0b121d;
   --bpk-private-chip-colour-bg-on-contrast-hover: #131d2b;
@@ -165,6 +167,8 @@
   --bpk-private-shadow-xl-position-y: 0.75rem;
   --bpk-private-shadow-xl-spread: 0;
   --bpk-private-skeleton-on-dark: #243346;
+  --bpk-private-slider-bg-knob: #84e9ff;
+  --bpk-private-slider-bg-track: #84e9ff;
   --bpk-private-speech-bubble-colour-bg-contrast: #131d2b;
   --bpk-private-speech-bubble-colour-bg-default: #131d2b;
   --bpk-private-trip-advisor: #9ce6c0;

package/bpk-stylesheets/theme-backpack-light.css

@@ -22,7 +22,7 @@
   --bpk-canvas-contrast: #eff3f8;
   --bpk-canvas-default: #ffffff;
   --bpk-private-autosuggest-colour-bg-default: #ffffff;
-  --bpk-private-autosuggest-colour-bg-hover: #f7f9fb;
+  --bpk-private-autosuggest-colour-bg-hover: #f5f7fa;
   --bpk-private-autosuggest-colour-border-default: #c1c7cf;
   --bpk-private-autosuggest-colour-text-close: #161616;
   --bpk-private-badge-colour-bg-default: #eff3f8;
@@ -89,6 +89,8 @@
   --bpk-private-chip-group-filter-colour-stroke-icon-off-on-dark: rgba(255, 255, 255, 0.2);
   --bpk-private-chip-group-filter-dimensions-min-height: 2.25rem;
   --bpk-private-chip-colour-bg-default-dismissible-hover: #05203c;
+  --bpk-private-chip-colour-bg-default-hover: rgba(255, 255, 255, 0);
+  --bpk-private-chip-colour-bg-default-off: rgba(255, 255, 255, 0);
   --bpk-private-chip-colour-bg-default-on: #05203c;
   --bpk-private-chip-colour-bg-disabled: #e0e4e9;
   --bpk-private-chip-colour-bg-on-contrast-hover: #ffffff;
@@ -130,7 +132,7 @@
   --bpk-private-map-previous-selection: #cfe4ff;
   --bpk-private-navigation-tabs-hover: #154679;
   --bpk-private-navigation-tabs-outline: rgba(255, 255, 255, 0.2);
-  --bpk-private-navigation-tabs-selected: #024daf;
+  --bpk-private-navigation-tabs-selected: #0062e3;
   --bpk-private-radio-bg-default-disabled: #c1c7cf;
   --bpk-private-radio-bg-default-on: #0062e3;
   --bpk-private-radio-bg-on-contrast-off: #ffffff;
@@ -165,6 +167,8 @@
   --bpk-private-shadow-xl-position-y: 0.75rem;
   --bpk-private-shadow-xl-spread: 0;
   --bpk-private-skeleton-on-dark: rgba(255, 255, 255, 0.1);
+  --bpk-private-slider-bg-knob: #0062e3;
+  --bpk-private-slider-bg-track: #0062e3;
   --bpk-private-speech-bubble-colour-bg-contrast: #eff3f8;
   --bpk-private-speech-bubble-colour-bg-default: #ffffff;
   --bpk-private-trip-advisor: #00aa6c;
@@ -185,7 +189,7 @@
   --bpk-surface-elevated: #ffffff;
   --bpk-surface-hero: #0062e3;
   --bpk-surface-highlight: #e0e4e9;
-  --bpk-surface-low-contrast: #f7f9fb;
+  --bpk-surface-low-contrast: #f5f7fa;
   --bpk-surface-subtle: #e3f0ff;
   --bpk-surface-success-fill: #d4fff2;
   --bpk-surface-tint: rgba(255, 255, 255, 0.1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "42.27.3",
+  "version": "43.0.0-dev-v28222480725.1",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",
@@ -50,8 +50,8 @@
   },
   "peerDependencies": {
     "date-fns": "3.3.1 - 4",
-    "react": "17.0.2 - 18.3.1",
-    "react-dom": "17.0.2 - 18.3.1",
+    "react": "18.3.1 - 19.2.5",
+    "react-dom": "18.3.1 - 19.2.5",
     "react-transition-group": "^4.4.5",
     "sass": "^1",
     "sass-embedded": "^1"

package/bpk-component-modal/src/legacy-prop-types.js

@@ -1,74 +0,0 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import PropTypes from 'prop-types';
-import { isDeviceIphone } from "../../bpk-react-utils";
-import { titlePropType, onClosePropType } from "./customPropTypes";
-const modalDialogPropTypes = {
-  id: PropTypes.string.isRequired,
-  children: PropTypes.node.isRequired,
-  isIphone: PropTypes.bool.isRequired,
-  dialogRef: PropTypes.func.isRequired,
-  title: titlePropType,
-  onClose: onClosePropType,
-  className: PropTypes.string,
-  contentClassName: PropTypes.string,
-  closeLabel: PropTypes.string,
-  closeText: PropTypes.string,
-  wide: PropTypes.bool,
-  showHeader: PropTypes.bool,
-  fullScreenOnMobile: PropTypes.bool,
-  fullScreen: PropTypes.bool,
-  padded: PropTypes.bool,
-  accesoryView: PropTypes.func
-};
-const modalDialogDefaultProps = {
-  title: null,
-  onClose: () => null,
-  className: null,
-  contentClassName: null,
-  closeLabel: '',
-  closeText: null,
-  wide: false,
-  showHeader: true,
-  fullScreenOnMobile: true,
-  fullScreen: false,
-  padded: true,
-  accessoryView: null
-};
-const {
-  dialogRef,
-  ...newModalDialogPropTypes
-} = modalDialogPropTypes;
-export const propTypes = {
-  ...newModalDialogPropTypes,
-  onClose: PropTypes.func,
-  isIphone: PropTypes.bool,
-  isOpen: PropTypes.bool.isRequired,
-  renderTarget: PropTypes.func,
-  closeOnScrimClick: PropTypes.bool,
-  closeOnEscPressed: PropTypes.bool
-};
-export const defaultProps = {
-  ...modalDialogDefaultProps,
-  onClose: () => null,
-  renderTarget: null,
-  isIphone: isDeviceIphone(),
-  closeOnScrimClick: true,
-  closeOnEscPressed: true
-};